script subiecte si mesaje

Nu stiu daca am voie sa postrez adresa de forum dar nu pot sa va arat altfel ce vreau, mesajele si subiectele sinavatarul cum pot sa le fac si eu asa [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Salut,

Posteaza un print sau detaliaza problema, acel forum este momentan inchis

Sunt pe tableta,avea mesaje si subiecte intrun chenar ambele si avatar mic la cel care posta

Foloseste si urmeaza pasii din tutorialul acesta [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Acest script il am pe forum, eu vreau ambele intr-un chenar

edy_89 a scris:Acest script il am pe forum, eu vreau ambele intr-un chenar

vroiam să-ți zic să intri după PC, dar hai că te ajut eu...
Caută:

Cod:

 
<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>

înlocuiește cu:

Cod:

 
<tr>
        <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>

apoi caută:

Cod:

 
<td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

înlocuiește cu:

Cod:

 
<td class="row2" align="left" valign="middle" height="45">
        <div class="stats" style="width: 90px"><span class="gensmall">
        <font color="#465361">Subiecte<div class="stats1">{catrow.forumrow.TOPICS}</div></font></span></div>
        <div class="stats" style="width: 90px"><span class="gensmall">
        <font color="#465361">Mesaje<div class="stats1">{catrow.forumrow.POSTS}</div></font></span></div>
      </td>
       
      <td class="row3 over" align="left" valign="middle">
        <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
        <div class="stats" style="width: 200px"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
    </td>

Apăsați pe și după pe .
După te duci în foaia de still CSS , și adaugi jos de tot:

Cod:

 
.stats{
  border: solid 1px #adadad;
  padding: 4px;
  margin-bottom: 2px;
  border-radius: 4px;
  background: #f9f9f9;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.10);
}
.stats font{color: #777 !important;}
.stats1{
  float: right;
  height: 0px;
  font-weight: bold;
}
.lastpost-avatar {
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
}

Explicarea codurilor css:
color: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] !important; - ce este marcat cu rosu reprezinta culoarea textului, aceasta poate fi inlocuita cu cea dorita.

background: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]; - ce este marcat cu verde reprezinta culoarea de fundal, aceasta poate fi inlocuita cu cea dorita sau poate fi dezactivata pur si simplu prin simpla inlocuire a culorii cu transparent.

border: solid 1px [Trebuie sa fiti inscris si conectat pentru a vedea acest link]; - ce este marca cu albastru reprezinta culoarea chenarului, aceasta poate fi inlocuita cu cea dorita.

O lista de culori puteti gasi in acest ghid:
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Si asta a fost tot!

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]  cum e pe acest forum vreau si eu la subiecte si mesaje

Up

mihai nu te supara dar unde gasesc acele coduri sa le inlocuiesc

index_box

Cod:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">Statistici</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>

      <td class="row3 over last" align="center" valign="middle" height="50">
                  <!-- BEGIN avatar -->
                  <div style="width: 200px;" style ="float: left;">
                  <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                  <!-- END avatar -->
                  <span class="gensmall" style ="float: left; text-align: left !important;">{catrow.forumrow.LAST_POST}</span></div>
                  <div id="right"><span class="gensmall">{catrow.forumrow.TOPICS} topics</span><br /><span class="gensmall">{catrow.forumrow.POSTS} posts</span></div>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

iar in CSS adaugi asta !

Cod:

td.row3.over div#right {
    width: 115px !important;
    float: right;
}

td.row3.over.last {
    display: inline-block;
    width: 250px !important;
}

Asa arata acuma

[img][/img]


Asa vreau sa arate

[img][/img]

up?