Jump to content

Question

2 answers to this question

Recommended Posts

  • 1
Posted
6 hours ago, DeNyS. said:

O metodă ar fi ca să descarci o temă custom deja făcută de alți oameni și să copiezi ceea ce ai nevoie și să integrezi codul in tema ta, iar după ți-o adaptezi cum vrei tu.

Am rezolvat , multumesc :D , am "furat" sursa HTML si CSS din pluginul " Enhanced User Info Panel " :P  o sa las mai jos si sursele pentru cei ce vor sa faca ceva de genul 

forums  /  font  /  topics  /  postContainer

{{$idField = $comment::$databaseColumnId;}}
{{$itemClassSafe = str_replace( '\\', '_', mb_substr( $comment::$itemClass, 4 ) );}}
{{if $comment->isIgnored()}}
	<div class='ipsComment ipsComment_ignored ipsType_light' id='elIgnoreComment_{$comment->$idField}' data-ignoreCommentID='elComment_{$comment->$idField}' data-ignoreUserID='{$comment->author()->member_id}'>
		{lang="ignoring_content" sprintf="$comment->author()->name"} <a href='#elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu data-ipsMenu-menuID='elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu-appendTo='#elIgnoreComment_{$comment->$idField}' data-action="ignoreOptions" title='{lang="see_post_ignore_options"}' class='ipsType_blendLinks'>{lang="options"} <i class='fa fa-caret-down'></i></a>
		<ul class='ipsMenu ipsHide' id='elIgnoreComment_{$comment->$idField}_menu'>
			<li class='ipsMenu_item ipsJS_show' data-ipsMenuValue='showPost'><a href='#'>{lang="show_this_post"}</a></li>
			<li class='ipsMenu_sep ipsJS_show'><hr></li>
			<li class='ipsMenu_item' data-ipsMenuValue='stopIgnoring'><a href='{url="app=core&module=system&controller=ignore&do=remove&id={$comment->author()->member_id}" seoTemplate="ignore"}'>{lang="stop_ignoring_posts_by" sprintf="$comment->author()->name"}</a></li>
			<li class='ipsMenu_item'><a href='{url="app=core&module=members&controller=ignore" seoTemplate="ignore"}'>{lang="change_ignore_preferences"}</a></li>
		</ul>
	</div>
{{endif}}

<a id='comment-{$comment->$idField}'></a>
<article itemscope {{if $item->isQuestion() && !$comment->new_topic}}itemprop="suggestedAnswer {{if $comment->post_bwoptions['best_answer']}}acceptedAnswer{{endif}}" itemtype="http://schema.org/Answer"{{else}}itemtype="http://schema.org/Comment"{{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if settings.reputation_highlight and $comment->reputation() >= settings.reputation_highlight}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden()}}ipsModerated{{endif}}'>
	{{if $item->isQuestion() and !$comment->new_topic}}
		{template="postRating" group="topics" app="forums" params="$item, $comment, $votes"}
	{{endif}}
	<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium'>
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break' itemprop="creator" itemscope itemtype="http://schema.org/Person"><strong itemprop="name">{$comment->author()->link( $comment->warningRef() )|raw}</strong> <span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></h3>
		<ul class='cAuthorPane_info ipsList_reset'>
          
			 {{if $comment->author()->member_title && $comment->author()->member_id}}
		
			{{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
				<li class='ipsResponsive_hidePhone'>{$comment->author()->rank['title']}</li>
			{{endif}} 
			<!-- {{if $comment->author()->rank['image'] && $comment->author()->member_id}}
				<li class='ipsResponsive_hidePhone'>{$comment->author()->rank['image']|raw}</li>
			{{endif}} -->
          
          	<li class='cAuthorPane_photo'>
                {{if $comment->author()->pp_main_photo}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$comment->author()->name"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$comment->author()->name"}' title="{lang="view_user_profile" sprintf="$comment->author()->name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" /></span></a>{{else}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$comment->author()->name"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$comment->author()->name"}' title="{lang="view_user_profile" sprintf="$comment->author()->name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="{resource="default_photo.png" app="core" location="global"}" /></a>{{endif}}
			</li>

			<li class='group_badge'>
            	<div class='group_name'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</div>
          		<!-- <div class='member_title'>
                  {{if $comment->author()->member_title && $comment->author()->member_id}}
					{$comment->author()->member_title}
				  {{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
                  	{$comment->author()->rank['title']}
				  {{endif}}
              	</div> -->
          	</li>
			</ul>
      {{if $comment->author()->rank['image'] && $comment->author()->member_id}}
				
			    {{endif}}
      
			{{if $comment->author()->member_id}}
      		<ul class='dpxUTProfile'>
                <li class="ipsResponsive_hidePhone ipsType_break">
                    <div class='stat_name'><i class="fa {setting="euip_FaFaUserRank"}" aria-hidden="true"></i> {lang="euip_MemberTitle"}:</div>
                <div class='stat_value'>{$comment->author()->member_title}</div>
                </li>
              
              <li class='euip_Border'>
		         <div class='stat_name'><i class="fa {setting="euip_FaFaUserName"}" aria-hidden="true"></i> {lang="euip_UserName"}:</div>
		    	<div class='stat_value'> <strong itemprop="name">{$comment->author()->link( $comment->warningRef() )|raw}</strong></div>
		    </li>
               <li class='euip_Border {{if \IPS\Settings::i()->euip_UserGroupHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <div class='stat_name'><i class="fa {setting="euip_FaFaUserGroup"}" aria-hidden="true"></i> {lang="euip_UserGroup"}:</div>
			    <div class='stat_value'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</div>
		    </li>
              	<li> 
                		<div class='stat_name'>
                  			<i class="fa fa-comments-o" aria-hidden="true"></i> Posts  
                  		</div>
                  		<div class='stat_value'> 
      						{$comment->author()->member_posts}
                  		</div>
              	</li>
             
               <li class='euip_Border {{if \IPS\Settings::i()->euip_UserRepHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <div class='stat_name'><i class="fa {setting="euip_FaFaUserRep"}" aria-hidden="true"></i> {lang="euip_TotalRep"}:</div>
		    	<div class='stat_value'>{template="reputationBadge" group="global" app="core" params="$comment->author()"}</div>
		       </li>
              	<li> 
                		<div class='stat_name'>
                  			<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Warn level
                  		</div>
                  		<div class='stat_value'> 
      						{$comment->author()->warn_level}
                  		</div>
              	</li>
         
               <li class='euip_Border {{if \IPS\Settings::i()->euip_BirthdayHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
	                    <div class='stat_name'><i class="fa {setting="euip_FaFaBirthday"}" aria-hidden="true"></i> {lang="euip_age"}:</div>
	                    <div class='stat_value'>{$comment->author()->age()}</div>
                    </li>
            
             <li class='euip_Border {{if \IPS\Settings::i()->euip_UserIDHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        <div class='stat_name'><i class="fa {setting="euip_FaFaUserID"}" aria-hidden="true"></i> {lang="euip_MemberID"}:</div>
		    	 <div class='stat_value'>{$comment->author()->member_id}</div>
		    </li>
              
            <li class='euip_Border {{if \IPS\Settings::i()->euip_LastActivityHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    	 <div class='stat_name'><i class="fa {setting="euip_FaFaLastActivity"}" aria-hidden="true"></i> {lang="euip_LastActivity"}:</div>
	            <div class='stat_value'>{{if $comment->author()->last_activity}}{datetime="$comment->author()->last_activity"}{{else}}{lang="never"}{{endif}}</div>
		    </li>
   
           <li class='euip_Border {{if \IPS\Settings::i()->euip_OnlineStatusHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		    	    <div class='stat_name'><i class="fa {setting="euip_FaFaOnlineStatus"}" aria-hidden="true"></i> {lang="euip_OnlineStatus"}:</div>
	                <div class='stat_value'>{{if $comment->author()->isOnline()}}<span style='color:green' class='metric'>{lang="euip_Online"}</span>{{else}}<span style='color:red'>{lang="euip_Offline"}</span>{{endif}}</div>
		        </li>   
              
              
              <li class='euip_Border {{if \IPS\Settings::i()->euip_JoinDateHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
		        	<div class='stat_name'><i class="fa {setting="euip_FaFaUserJoinDate"}" aria-hidden="true"></i> {lang="euip_Joined"}:</div>
	                <div class='stat_value'>{datetime="$comment->author()->joined" dateonly="true"}</div>
		        </li>
               <li class='euip_Border {{if \IPS\Settings::i()->euip_BirthdayHidePhone == 1}}ipsResponsive_hidePhone{{endif}}'>
	                    <div class='stat_name'> <i class="fa {setting="euip_FaFaBirthday"}" aria-hidden="true"></i> {lang="euip_bday"}:</div>
	                    <div class='stat_value'> {$comment->author()->birthday}</div>
                    </li>
               <li class='ipsResponsive_hidePhone'>{$comment->author()->rank['image']|raw}</li>
            </ul>
			{{endif}}
	</aside>
	<div class='ipsColumn ipsColumn_fluid'>
		{template="post" group="topics" app="forums" params="$item, $comment, $item::$formLangPrefix . 'comment', $item::$application, $item::$module, $itemClassSafe"}
	</div>
</article>

in Custom.css se adauga urmatorul cod :

ul.dpxUTProfile > li {
    display: flex;
    width: 90%;
    justify-content: space-between;
    margin: 5px auto;
    font-size: 10px;
    border-bottom: 1px dashed #444;
}
ul.dpxUTProfile {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 15px;
}

ul.dpxUTProfile > li > .stat_name {
    display: inline-block;
    text-align: left;
    color: #525252;
    cursor: default;
    float: left;
    letter-spacing: 1px;
}

ul.dpxUTProfile > li > .stat_name > i {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
ul.dpxUTProfile > li > .stat_value {
    display: inline-block;
    text-align: left;
    color: #828282;
    float: right;
}

.group_badge {
    background: #2a2a2a;
    background: -webkit-linear-gradient(90deg,#23f88a transparent);
    background: -o-linear-gradient(90deg,#23f88a transparent);
    background: -moz-linear-gradient(90deg,#2a2a2a, transparent);
    background: linear-gradient(90deg,#2a2a2a, transparent);
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 80%;
    height: 35px;
    line-height: 35px;
    border-radius: 30px;
}

.group_name {
    position: relative;
    top: 0;
    transition: all .2s;
    cursor: default;
}

Rezultatul :D

AZmhl2k.png

  • 0
Posted

O metodă ar fi ca să descarci o temă custom deja făcută de alți oameni și să copiezi ceea ce ai nevoie și să integrezi codul in tema ta, iar după ți-o adaptezi cum vrei tu.

Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.