AcasaAcasa  Ultimele imaginiUltimele imagini  CăutareCăutare  ÎnregistrareÎnregistrare  ConectareConectare  

Distribuiţi|

Tutorial | Tabele la profil

Vezi subiectul anterior Vezi subiectul urmator In jos
AutorMesaj
Zekennn
Zekennn

Funcţie: Administrator
Subiecte : 450
Bani în mână : 1012
Mulţumiri Primite : 23
Localizare : Salaj
Tutorial | Tabele la profil Empty
MesajSubiect: Tutorial | Tabele la profil Tutorial | Tabele la profil Icon_minitimeLun Apr 14, 2014 6:12 pm

Deschideţi fişierul stylesheet.css şi la ultima linie adăugaţii:

Code:


Cod:
.profil{
background:#[codul culorii dorite];
font-size:9px;
padding:5px;
padding-left:8px;
padding-right:8px;
margin-left:0px;
border:1px [sau cat vreti voi]solid #[codul culorii dorite];
text-decoration:none;
 

De asemenea, dacă doriţi şi câteva efecte în plus când poziţionaţi cursorul mous-ului la profil, atunci adăugaţi o nouă clasă hover care rezultă cam aşa:

Code:


Cod:
 .profil:hover{

Chiar aici adăugaţi ce detalii să iasă în evidenţă când poziţionaţi cursorul mouse-ului pe profil, puteţi adăuga detaliile de mai sus schimbând doar culoarea backgroundului şi cea a broaderului, sau puteţi face ca broaderul să fie punctat care rezultă cam aşa:

Code:


Cod:
border:1px dashed
[înlocuim solid cu dashed]

Bun, acum vom intra în viewtopic_body.html şi vom căuta partea de profil, aceasta fiind:

Code:

Cod:
<td width="100%" height="25">
<table width="100%" cellspacing="0">
<tr>
<!-- IF postrow.POST_ICON_IMG -->
<td><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" title="" /></td>
<!-- ENDIF -->
<td class="gensmall" width="100%"><div style="float: {S_CONTENT_FLOW_BEGIN};">&nbsp;<b>{L_POST_SUBJECT}:</b> {postrow.POST_SUBJECT}</div><div style="float: {S_CONTENT_FLOW_END};"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF --><b>{L_POSTED}:</b> {postrow.POST_DATE}&nbsp;</div></td>
</tr>
</table>
</td>
</tr>

<!-- IF postrow.S_ROW_COUNT is even --><tr class="row1"><!-- ELSE --><tr class="row2"><!-- ENDIF -->

<td valign="top" class="profile">
<table cellspacing="4" align="center" width="150">


<!-- IF postrow.POSTER_AVATAR -->
<tr>
<td>{postrow.POSTER_AVATAR}</td>
</tr>
<!-- ENDIF -->

</table>
   
   

Din această parte până la profilul customizat puteţi modifica cum şi unde doriţi să apară clasa de profil pe care am salvato recent în styleshee.css

De exemplu, doriţi să înseraţi această clasă la avatar:

Code:


Cod:
 <!-- IF postrow.POSTER_AVATAR -->
<tr>
<td><div class="profil">{postrow.POSTER_AVATAR}</div></td>
</tr>
<!-- ENDIF -->

Doar scrieţi clasa şi închideţi tag-ul.
Sus In jos
https://dexter.all-up.com

Tutorial | Tabele la profil

Vezi subiectul anterior Vezi subiectul urmator Sus

Subiecte similare

-
t Tutorial | Iconitele de contact sub profil (phpBB2)
t [TUTORIAL] Tutorial IPTABLES firewall linux – comenzi de baza
t [TUTORIAL] Cum sa creezi masini personalizate cel mai usor tutorial
t Tutorial | Tutorial instalare server dedicat Counter Strike 1.6 Non Steam sau Steam pe Windows XP,Vista sau Windows 7
t Tutorial | No lag in GTA:SA
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
 :: PS , IT ,PLATFORME WEB :: ForumGratuit :: Tutoriale-