asculta virgin radio

Distribuiţi | 

Modificare index_box

 Scris de First Time la data de Dum Noi 15, 2015 7:21 am

Buna seara !
As dori sa arate si index_box-ul meu ca si aici.
Ma refer ca as vrea sa adaug propriile mele imagini la inceput sau mai multe.
Ca si in aceasta imagine: 

Edit, aici este index_box-ul meu: 
Cod:
<!-- BEGIN catrow --><!-- BEGIN tablehead --></br><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"></th>
     
      <th nowrap="nowrap" width="130"><div style="width:150px;">{L_LASTPOST}</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%" style="border-right: none">
        <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"> </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" style="border-right: none;border-left: 1px solid #555;border-bottom: 1px solid #555;">
        <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"  style="border-right: none;border-bottom: 1px solid #555;">
        <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="row2" align="center" valign="middle" height="50"  style="border-right: none;border-left: none;border-bottom: 1px solid #555;">
        <span class="gensmall"><div class="stats" style="width: 90px"><strong><span style="color: #ff6600;">SUBIECTE</span></strong> {catrow.forumrow.TOPICS}</div>
          <div class="stats" style="width: 90px"><strong><span style="color: #ff6600;">MESAJE</span></strong> {catrow.forumrow.POSTS}</div>
        </span>
      </td>

        <td class="row3 over" align="center" valign="middle" height="50"  style="border-left: none;border-bottom: 1px solid #555;border-right: 1px solid #555;">
        <div class="gensmall chenarlastposts" style="width: 200px"><div class="lastpost"><span class="gensmall">{catrow.forumrow.LAST_POST}</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 -->


Offline
avatar
First Time
Moderator

Mesaje : 32

Vezi profilul utilizatorului

Re: Modificare index_box

 Scris de First Time la data de Lun Noi 16, 2015 11:52 am

Up?
Offline
avatar
First Time
Moderator

Mesaje : 32

Vezi profilul utilizatorului

Re: Modificare index_box

 Scris de Lcnn la data de Lun Noi 16, 2015 1:47 pm

Cand termin munca pe la 4-5 dimineata te rezol ok?
Offline
avatar
Lcnn
Administrator

Mesaje : 321
Varsta : 25
Localizare : Timisoara

Vezi profilul utilizatorului http://phpbb2.phpdevil.com

Re: Modificare index_box

 Scris de Lcnn la data de Lun Noi 16, 2015 8:01 pm

Deja aveam un tutorial creat original pe frannnta-design.
http://frannnta-design.hitforum.ro/t3356-index_box-sistem-ipb-pentru-phpbb2
Offline
avatar
Lcnn
Administrator

Mesaje : 321
Varsta : 25
Localizare : Timisoara

Vezi profilul utilizatorului http://phpbb2.phpdevil.com

Re: Modificare index_box

 Scris de First Time la data de Mar Noi 17, 2015 4:46 am

Am observat acel tutorial, dar ai putea sa il modifici tu, daca l-as modifica eu sigur l-as strica.
Offline
avatar
First Time
Moderator

Mesaje : 32

Vezi profilul utilizatorului

Re: Modificare index_box

 Scris de Lcnn la data de Mar Noi 17, 2015 6:52 am

Poti face ceva mult mai simplu fara javascrip.
Inlocuiesti template-ul index_box cu acesta.
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"> {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>
  <!-- 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">
            <div class="descriere2">{catrow.forumrow.FORUM_DESC}</div>
          </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>  <div class="status_mesaje">  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </div><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
               
                  <div class="descriere"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
        <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" 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>
  </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>
<div class="aha"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Apoi in css

Cod:

.descriere2{
  font-size: 0px!important;
}

.descriere img{
  display: none;
}

.status_mesaje{
  float: right;
}

.forumline{
  border: none;

}

.aha{
  background-color: #069;
  padding: 2px;

Acum ramane doar sa stergi imaginea de la mesaje si sa le lasi pe cele de la mesaj nou si blocat.
Offline
avatar
Lcnn
Administrator

Mesaje : 321
Varsta : 25
Localizare : Timisoara

Vezi profilul utilizatorului http://phpbb2.phpdevil.com

Re: Modificare index_box

 Scris de First Time la data de Mar Noi 17, 2015 8:48 am

Nu ai inteles, eu as vrea sa adaug in index_box-ul meu modificat aceste coduri, de pe index_box-ul postat de tine.
Offline
avatar
First Time
Moderator

Mesaje : 32

Vezi profilul utilizatorului

Re: Modificare index_box

 Scris de Lcnn la data de Mar Noi 17, 2015 9:01 pm

Pune link cu forumul tau aici sa vad ce modificari are mai exact.
Offline
avatar
Lcnn
Administrator

Mesaje : 321
Varsta : 25
Localizare : Timisoara

Vezi profilul utilizatorului http://phpbb2.phpdevil.com

Re: Modificare index_box

 Scris de First Time la data de Mier Noi 18, 2015 7:47 am

Offline
avatar
First Time
Moderator

Mesaje : 32

Vezi profilul utilizatorului

Re: Modificare index_box

 Scris de Lcnn la data de Joi Noi 19, 2015 7:50 am

Poftim noul index_box
Cod:
<table width="100%" border="0" cellspacing="0" 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>
  <td>
   
   
  </td>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
          <th colspan="5" nowrap="nowrap" width="100%" class="secondarytitle" align="left"><img src="http://icons.iconarchive.com/icons/iconsmind/outline/24/Pulse-icon.png" class="tick"></img> <a class="cattitle" href="/">{catrow.tablehead.L_FORUM}</a> </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" style="border-left: 1px solid #ddd">
            <div class="descriere2">{catrow.forumrow.FORUM_DESC}</div>
          </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>  <div class="status_mesaje">   <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </div><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
               
                  <div class="descriere"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
                          <div class="subforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50" style="min-width: 70px;width: 70px">
            <div class="mesaje">
                        <span class="topic1">{catrow.forumrow.TOPICS}</span>
                              <span class="topics">Topics</span>
                             
                  </div>   
            <div class="mesaje">
      
          <span class="topic2">{catrow.forumrow.POSTS}</span>
            <span class="topics">Posts</span>
                  </div> 
      
</td>
       
   
                 
              <td class="row3 over" align="center" valign="middle" height="50" style="min-width: 250px;width: 250px">
            <!-- 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>
   </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>
<div class="linefoot"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
 
 
Si noul cod CSS:

Cod:
span.topic1, span.topic2{
  font-size: 22px;
  font-family: arial;
  font-weight: 500;
  float: left;
color: darkred;
}

span.topics{
  font-size: 12px;
  margin-left: 4px;
color: white;
}

.descriere2{
  font-size: 0px!important;
}

.descriere img{
  display: none;
}

.status_mesaje{
  float: right;
}

.forumline{
  border: none;

}

.aha{
  background-color: #069;
  padding: 2px;

.mesaje{
  padding: 2px 4px;
  border: 1px solid #333;
  border-radius: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
}
Offline
avatar
Lcnn
Administrator

Mesaje : 321
Varsta : 25
Localizare : Timisoara

Vezi profilul utilizatorului http://phpbb2.phpdevil.com

Re: Modificare index_box

 Scris de First Time la data de Vin Noi 20, 2015 4:34 am

Nu este bun, ai putea sa imi zici ce ar trebuii sa adaug si/sau sa scot?



EDITAT: Am rezolvat, puteti sa il inchide ti.
Offline
avatar
First Time
Moderator

Mesaje : 32

Vezi profilul utilizatorului

Re: Modificare index_box

 Scris de Continut sponsorizat

Offline

Continut sponsorizat


Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
phpbb2.phpdevil.com :: PHPDEVIL # Suport :: Probleme html/css/javascript-
Mergi direct la:  

pHpDeviL | For the love of the game...