Profil si topic ca in imagine
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 1 • Distribuiţi
Profil si topic ca in imagine
Ultima editare efectuata de catre ALyN.KenT. in Lun Oct 27, 2014 4:55 pm, editata de 1 ori
Re: Profil si topic ca in imagine
Salutare,
In P.A >> Afisare >> Template-uri >> General >> viewtopic_body, vei cauta <div class="main paged"> si vei adauga deasupra urmatorul cod:
In continuare, tot in acelasi template vei cauta {postrow.displayed.POST_DATE_NEW} si-l vei inlocui cu:
Acum, vom crea un nou cod Javascript cu amplasarea in topicuri:
In CSS va trebui sa adaugam urmatorul cod:
Asta a fost tot!
In P.A >> Afisare >> Template-uri >> General >> viewtopic_body, vei cauta <div class="main paged"> si vei adauga deasupra urmatorul cod:
- Cod:
<div class="titlebox">
<dd> <dava><div class="avatarredet"><a class="teste2" href="#">
<img class="teste" alt="" src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" /></a></div></dava>
<div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
<h1 itemprop="name" class="ipsType_pagetitle">{TOPIC_TITLE}</h1>
<div class="desc lighter blend_links">
<dts>Started by </dts><span itemprop="creator"></span>, <span itemprop="data_post"></span></div></div>
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<div class="seguir">
<li>{S_WATCH_TOPIC}</li>
</div>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</dd></div>
In continuare, tot in acelasi template vei cauta {postrow.displayed.POST_DATE_NEW} si-l vei inlocui cu:
- Cod:
<span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>
Acum, vom crea un nou cod Javascript cu amplasarea in topicuri:
- Cod:
jQuery(document).ready(function() {
var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
$('.teste').attr('src',url);
var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
jQuery('.teste2').attr('href',url2);
var url3=jQuery('.post:first .postmain .postbody .user .user-ident .username').html();
jQuery('span[itemprop="creator"]').html(url3);
var url5=jQuery('span.data-post').html();
jQuery('span[itemprop="data_post"]').html(url5);
});
In CSS va trebui sa adaugam urmatorul cod:
- Cod:
.titlebox{
-moz-border-radius:3px;
-moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
-webkit-border-radius:3px;
-webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
background:#EFEFEF;
border:1px solid #D6D6D6;
border-radius:3px;
box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
overflow:hidden;
padding:10px;
text-shadow:#fff 0 1px 0
}Łpanda_selector_1414936932888_2_m_pandaŁ{display:block}
.titlebox dava{float:left}
.titlebox dava a img{
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
background:#fff;
border:1px solid #D5D5D5;
box-shadow:0 2px 2px rgba(0,0,0,0.1);
float:left;
height:50px!important;
padding:1px;
width:50px!important
}
.titlebox dava a img:hover{
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
border-color:#A1A1A1;
box-shadow:0 2px 2px rgba(0,0,0,0.2)
}Łpanda_selector_1414936932888_10_m_pandaŁ{font-size:23px;z-index:999}
.desc.lighter.blend_links{color:#a4a4a4;float:left;font-size:11px}
.desc.lighter,.desc.lighter.blend_links a{color:#A4A4A4}
.desc,.desc.blend_links a,p.posted_info{color:#777;font-size:12px}
.conect{display:inline-block;padding-left:5px}
.seguir{float:right;position:relative}
.seguir a{
-moz-border-radius:2px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
-webkit-border-radius:2px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
background:#ececec url(http://i45.tinypic.com/2hrd3tg.png) repeat-x 0 0;
border:1px solid #d0d0d0;
border-radius:2px;
box-shadow:0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
color:#616161!important;
cursor:pointer;
display:inline-block;
font-size:11px;
height:24px;
line-height:24px;
padding:0 10px;
text-shadow:#fff 0 1px 0;
white-space:nowrap
}Łpanda_selector_1414936932888_24_m_pandaŁ{background-color:#f8f8f8;color:#4c4c4c}
Asta a fost tot!
Re: Profil si topic ca in imagine
Pentru fiecare problema va rog sa deschideti un topic nou.
Sa inteleg ca problema cu avatarul a fost rezolvata?
Sa inteleg ca problema cu avatarul a fost rezolvata?
Re: Profil si topic ca in imagine
Ati incercat cautarea? Este imposibil sa nu gasiti rezolvare la problema cu profilul.
Subiecte similare
» Chenar profil (topic)
» Cum sa dau un aspect mai frumos la Profil in Topic
» Cum sa scri pe o imagine in topic ?
» Cum pun o imagine la topic ?
» Imagine nedorita in topic
» Cum sa dau un aspect mai frumos la Profil in Topic
» Cum sa scri pe o imagine in topic ?
» Cum pun o imagine la topic ?
» Imagine nedorita in topic
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum