Schimbare design (Subiecte,Mesaje,Ultimele Mesaje)

Salutare As dori sa schimb design-ul acela de la "Subiecte,Mesaje,Ultimele Mesaje" daca se poate. Va las jos niste imagini cu un design care as dori si eu sa il am

- Doar ce este incercuit as vrea prima data. (Imaginea am facut-o pe un alt forum)

- Aici as dori sa mai adaug inca o linie de aceea neagra, intre "Mesaje" si "Ultimele Mesaje". (Aceasta imagine a fost facuta pe forumul meu)

Daca nu ati inteles ceva puteti lasa Reply

EDIT: Vreau sa intelegeti ca tot ce fac acuma o fac pentru forumul din ultima imagine, sa nu intelegeti cumva ca am doua forumuri, deci din prima imagine as dori acel design, si in a doua sa ma ajutati sa adaug inca o linie neagra

Cineva ?

Cineva,oricine!

Buna ziua,

Va rog sa postati template-ul index_box.

Salut

Desigur, uite:

Cod:

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Buna seara,

Inlocuiti template-ul cu acesta:

Cod:

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
               <td class="tc2">
                                                  <span class="stats_number">{catrow.forumrow.TOPICS}</span>
                                                    <span class="stats_text">Subiecte</span>
                                                  </td>

                                          
                  <td class="tc3">
                                                  <span class="stats_number">{catrow.forumrow.POSTS}</span>
                                                  <span class="stats_text">Mesaje</span>
                                                 </td>
                                          
                     <td class="tcr">
                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                  </td>
            
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Si adaugati in CSS urmatorul cod:

Cod:

/***categorii***/
.pun .main-content{ background-color:#efefef; border:1px solid #d6d6d6; border-width:1px 1px 0.1em}
#content-container div#main{ margin-bottom:1em; overflow:hidden; margin-right:10px}
.pun table.table td{ border-bottom:1px solid #D6D6D6 !important; background:none repeat scroll 0% 0% #EFEFEF; border-top:1px solid #D6D6D6 !important}
.pun .main table td.tc2,.pun .main table td.tc3{ border-left:0px none !important; border-right:0px none !important}
.pun .main table td.tc2,.pun .main table td.tc3{ background-color:#EFEFEF}
.pun .table .tc2,.pun .table .tc3{ text-align:center; width:10%}
.pun .table .tc2,.pun .table .tc3{ text-align:right; width:10%}
.pun table.table td.tcr{ border-left:0px none !important}
.pun table .tcr{ overflow:hidden; padding:0px 0px 0px 0.5em !important; width:30%; text-align:left}

Buna seara

Nu functioneaza, uite cum arata dupe ce fac tot ce mi-ai spus:

Cineva va rog?

offf techo dai numai coduri copiate si gasite pe la altii in rezolvarile problemelor desi ele de multe ori sunt gresite si le iei pe ghicite.

Eliminati codul css dat de Techo si template-ul index_box

Acum cautati in index_box acest cod

Cod:


<thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>


Il inlocuiti cu acesta

Cod:

<thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2"></th>
                  <th class="tc3"></th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>

Acum cautati tot in index_box acest cod

Cod:



  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>



Il inlocuiti cu acesta.

Cod:



  <td class="tc2"><center><b>{catrow.forumrow.TOPICS}</b><br>
{L_TOPICS}</center></td>
                  <td class="tc3"><center><b>{catrow.forumrow.POSTS}</b><br>
{L_POSTS}</center></td>



Salvati si publicati template-ul

Mersi mr.franta

Dar acum, ma poti ajuta sa adaug inca o linie neagra, intre "Mesaje" si "Ultimele Mesaje", daca nu sti la ce ma refer, uitate mai sus

Da,adauga in css acest cod

Cod:

td.tc3{
border-right: 1px solid #131313!important;
border-left: 1px solid #333!important;}

td.tc2{
border-left: 1px solid #333!important;}

td.tcl{
border-right: 1px solid #131313!important;}

Am mai adaugat inca putine modificari sper sa arate bine,in cazul in care nu va place adaugati doar acest cod

Cod:



td.tc3{
border-right: 1px solid #131313!important}



Mersi mr.franta, am rezolvat problema