Tutorial customizare profil

Descriere: Cu ajutorul acestui tutorial ve-ti avea capacitatea de a realiza un profil customizabil (cu tabel ,cum vreti voi)
Autor: DuByZ
Timp de lucru: in jur de 5 minute
Nivel de dificultate: Easy(Usor)
Fisiere necesare pentru modificat:

• stylesheet.css
  
• viewtopic_obdy.html

Fisiere de uploadat :

• Niciunul

[size=150]Let's begin![/size]
Deschideti fisierul stylesheet.css ,cautati ultima linie si dupa ea adaugati

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 ,daca doriti si cateva efecte in plus cand pozitionati cursoul mouse-ului la profil ,atunci adaugati o noua clasa hover si ar rezulta cam asa

Cod:

.profil:hover{

Aici adaugati ce detalii vreti sa iesa in evidenta cand pozitionati cursorul mouse-ului pe profil ,puteti adauga detaliile de mai sus schimband doar culoarea backgroundului si cea a borderului ,sau puteti face borderul sa fie punctat :
border:1px dashed
inlocuind solid cu dashed

Bun ,acum vom intra in viewtopic_body.html si vom cauta partea de profil ,aceasta fiind

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};"> <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} </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 aceasta parte pana la profilul customizat puteti modifica cum si unde doriti sa apara clasa de profil pe care am salvat-o recent in styleshee.css
De exemplu,doriti sa inserati aceasta clasa la avatar :

{postrow.POSTER_AVATAR}

Doar scrieti clasa si inchideti tag-ul .

Acesta a fost tutorialul ,aveti nelamuriri/sugestii/altceva in legatura cu tutorialul?Postati aici!