viewtopic kinézetének modosítása

Szerző
Üzenet
atomjani
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2007.10.14. Vasárnap 10:35
Hozzászólások: 399
Hozzászólás Elküldve: 2007.11.27. 05:40    Hozzászólás témája: viewtopic kinézetének modosítása
Hozzászólás az előzmény idézésével
Azt már tudom,hogy a viewtopic_body.tpl fájlban kellene változtatni a dolgokat.
Szeretném a Szerzői oszlopot áttenni jobb oldalra is. El is kezdtem,de megakadtam benne. Próbálkozásaim kudarcára csak idáig jutottam:

Kép

Igazából az avatar alatti részt szeretném átrakni jobb oldalra, így megspórolva a helyet. Az volna a kérdésem,hogy ezt hogyan tegyem meg?

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
_zso2
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2006.07.25. Kedd 1:00
Hozzászólások: 2029
Hozzászólás Elküldve: 2007.11.27. 14:20    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Ez egy egyszerű HTML tábla dolog.
Ha eddig volt ilyened:

Kód:

<table>
<tr> <!-- első sora a táblának -->
<td> <!-- első sor első oszlopa --> </td>
<td> <!-- első sor második oszlopa --> </td>
</tr> <!-- első sor vége -->
<tr> <!-- mádodik sora a táblának -->
<td> <!-- második sor első oszlopa --> </td>
<td> <!-- mádosik sor második oszlopa --> </td>
</tr> <!-- második sor vége -->
</table>
Csak egy oszloppal kell kibévíteni:

Kód:

<table>
<tr> <!-- első sora a táblának -->
<td> <!-- első sor első oszlopa --> </td>
<td> <!-- első sor második oszlopa --> </td>
<td> <!-- első sor harmadik oszlopa --> </td>
</tr> <!-- első sor vége -->
<tr> <!-- mádodik sora a táblának -->
<td> <!-- második sor első oszlopa --> </td>
<td> <!-- mádosik sor második oszlopa --> </td>
<td> <!-- mádosik sor harmadik oszlopa --> </td>
</tr> <!-- második sor vége -->
</table>
Ezt természetesen a támlázat MINDEN SORÁBAN meg kell csinálni.
Mivel itt az első sorban össze vannak vonva a cellák, ezért erre is figyelni kell:

Kód:

<table>
<tr> <!-- első sora a táblának -->
<td colspan="3"> <!-- első sor első oszlopa, ami rögtön 3 oszlop széles --> </td>
</tr> <!-- első sor vége -->
<tr> <!-- mádodik sora a táblának -->
<td> <!-- második sor első oszlopa --> </td>
<td> <!-- mádosik sor második oszlopa --> </td>
<td> <!-- mádosik sor harmadik oszlopa --> </td>
</tr> <!-- második sor vége -->
<tr> <!-- harmadik sora a táblának -->
<td> <!-- harmadik sor első oszlopa --> </td>
<td> <!-- harmadik sor második oszlopa --> </td>
<td> <!-- harmadik sor harmadik oszlopa --> </td>
</tr> <!-- harmadik sor vége -->
</table>
... és persze, a legvégén is ügyelni kell rá, hogy a "hozzászólások megtekintése" sorban levő cellák is egyel tovább "colspanolódjanak" :) (Anyám, hogy lehetne ezt másképp, magyarul leírni? A Nyelvtani elmélkedőbe jöhetnek a válaszok... ;) )
_________________
Tapasztalást pénzért venni vagy hagyományképpen kapni nem lehet - fizetni kell azért mindég és mindegyiknek.

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
atomjani
Gyakorlott phpBB-s
Gyakorlott phpBB-s
Avatar

Csatlakozott: 2007.10.14. Vasárnap 10:35
Hozzászólások: 399
Hozzászólás Elküldve: 2007.11.28. 05:30    Hozzászólás témája:
Hozzászólás az előzmény idézésével
Ez nekem nagyon nem akar összejönni. Fogtam és próbálkoztam az eredeti viewtopic_body.tpl fájlon is,de ott se akaródzik összejönni.
A mostani fájlom valahogy így néz ki:

Kód:

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
   <td align="left" valign="bottom" colspan="3"><a class="maintitle" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><br />
     <span class="gensmall"><b>{PAGINATION}</b><br />
     &nbsp; </span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
   <td align="left" valign="bottom" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
   <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
     -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
  </tr>
</table>

<table class="forumline" width="100%" cellspacing="1" cellpadding="3" border="0">
   <tr align="right">
      <td class="catHead" colspan="3" height="28"><span class="nav"><a href="{U_VIEW_OLDER_TOPIC}" class="nav">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}" class="nav">{L_VIEW_NEXT_TOPIC}</a> &nbsp;</span></td>
   </tr>
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
<!--Ez új sor-->  <th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>  <!--Ez új sor-->
   </tr>
   <!-- BEGIN postrow -->
>

   <tr>
            <td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span><br /></td>




      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">





<!--Ez új sor-->   <td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span><br /></td> <!--Ez új sor>-->


         <tr>
            <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
            <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
         </tr>
         <tr>
            <td colspan="3"><hr /></td>
         </tr>
         <tr>
            <td colspan="3"><span class="postbody">{postrow.MESSAGE}</span>{postrow.ATTACHMENTS}<span class="postbody">{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td>
         </tr>
      </table></td>
   </tr>
   <!-- BEGIN switch_no_buddy_ignore -->
   <tr>
      <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18"><tr>{postrow.BUTTONS_PANEL}</tr></table></td>



<!--Ez új sor-->   <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>   <!--Ez új sor-->


</tr>
   <!-- END switch_no_buddy_ignore -->
   <!-- BEGIN switch_buddy_ignore -->
   </tbody>
   <!-- END switch_buddy_ignore -->
   <!-- BEGIN switch_buddy_ignore -->
   <tr>
      <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
      <td class="{postrow.ROW_CLASS}" width="100%">



         <table width="100%" cellpadding="0" cellspacing="0" border="0">
         <tr>
            <td width="100%"><a href="#" onClick="toggle('{postrow.POST_ID}'); return false;" class="postdetails">{L_IGNORE_CHOOSEN} </a></td>
            <td align="rigth">{postrow.IGNORE_IMG}</td>
         </tr>
         </table>
      </td>
   </tr>
   <!-- END switch_buddy_ignore -->

   <tr>
      <td class="spaceRow" colspan="3" height="1"><img src="templates/subSilver/images/spacer.gif" alt="" width="1" height="1" /></td>
   </tr>
   <!-- END postrow -->
   <tr align="center">
      <td class="catBottom" colspan="3" height="28"><table cellspacing="0" cellpadding="0" border="0">
         <tr><form method="post" action="{S_POST_DAYS_ACTION}">
            <td align="center"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS}&nbsp;{S_SELECT_POST_ORDER}&nbsp;<input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
         </form></tr>
      </table></td>
   </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
  <tr>
   <td align="left" valign="middle" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
   <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
     -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
   <td align="right" valign="top" nowrap="nowrap"><span class="gensmall">{S_TIMEZONE}</span><br /><span class="nav">{PAGINATION}</span>
     </td>
  </tr>
  <tr>
   <td align="left" colspan="3"><span class="nav">{PAGE_NUMBER}</span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" border="0" align="center">
  <tr>
   <td width="40%" valign="top" nowrap="nowrap" align="left"><span class="gensmall">{S_WATCH_TOPIC}<!-- BEGIN switch_user_logged_in -->
<br /><a href="{U_FAV}">{L_FAV}</a>
<!-- END switch_user_logged_in -->
</span><br />
     &nbsp;<br />
     {S_TOPIC_ADMIN}</td>
   <td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td>
  </tr>
</table>

Az összes colspan értéket 2-ről 3-ra állítottam.
Leginkább ezekkel a kommentezésekkel találkoztam:

Kód:

<!-- BEGIN postrow -->
<!-- BEGIN switch_no_buddy_ignore -->
<!-- END switch_no_buddy_ignore -->
   <!-- BEGIN switch_buddy_ignore -->
   </tbody>
   <!-- END switch_buddy_ignore -->
   <!-- BEGIN switch_buddy_ignore -->
         <!-- END switch_buddy_ignore -->
<!-- END postrow -->

A modósított viewtopic képben:
Kép

Az eredeti fájl(a colspan érték már át van állítva),hogyha nagyon elszúrtam volna:

Kód:

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
   <td align="left" valign="bottom" colspan="3"><a class="maintitle" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><br />
     <span class="gensmall"><b>{PAGINATION}</b><br />
     &nbsp; </span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
   <td align="left" valign="bottom" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
   <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
     -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
  </tr>
</table>

<table class="forumline" width="100%" cellspacing="1" cellpadding="3" border="0">
   <tr align="right">
      <td class="catHead" colspan="3" height="28"><span class="nav"><a href="{U_VIEW_OLDER_TOPIC}" class="nav">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}" class="nav">{L_VIEW_NEXT_TOPIC}</a> &nbsp;</span></td>
   </tr>
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>

   </tr>
   <!-- BEGIN postrow -->
>

   <tr>
            <td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span><br /></td>




      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

         <tr>
            <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
            <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
         </tr>
         <tr>
            <td colspan="3"><hr /></td>
         </tr>
         <tr>
            <td colspan="3"><span class="postbody">{postrow.MESSAGE}</span>{postrow.ATTACHMENTS}<span class="postbody">{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td>
         </tr>
      </table></td>
   </tr>
   <!-- BEGIN switch_no_buddy_ignore -->
   <tr>
      <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
      <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18"><tr>{postrow.BUTTONS_PANEL}</tr></table></td>

</tr>
   <!-- END switch_no_buddy_ignore -->
   <!-- BEGIN switch_buddy_ignore -->
   </tbody>
   <!-- END switch_buddy_ignore -->
   <!-- BEGIN switch_buddy_ignore -->
   <tr>
      <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
      <td class="{postrow.ROW_CLASS}" width="100%">



         <table width="100%" cellpadding="0" cellspacing="0" border="0">
         <tr>
            <td width="100%"><a href="#" onClick="toggle('{postrow.POST_ID}'); return false;" class="postdetails">{L_IGNORE_CHOOSEN} </a></td>
            <td align="rigth">{postrow.IGNORE_IMG}</td>
         </tr>
         </table>
      </td>
   </tr>
   <!-- END switch_buddy_ignore -->

   <tr>
      <td class="spaceRow" colspan="3" height="1"><img src="templates/subSilver/images/spacer.gif" alt="" width="1" height="1" /></td>
   </tr>
   <!-- END postrow -->
   <tr align="center">
      <td class="catBottom" colspan="3" height="28"><table cellspacing="0" cellpadding="0" border="0">
         <tr><form method="post" action="{S_POST_DAYS_ACTION}">
            <td align="center"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS}&nbsp;{S_SELECT_POST_ORDER}&nbsp;<input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
         </form></tr>
      </table></td>
   </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
  <tr>
   <td align="left" valign="middle" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
   <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
     -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
   <td align="right" valign="top" nowrap="nowrap"><span class="gensmall">{S_TIMEZONE}</span><br /><span class="nav">{PAGINATION}</span>
     </td>
  </tr>
  <tr>
   <td align="left" colspan="3"><span class="nav">{PAGE_NUMBER}</span></td>
  </tr>
</table>

<table width="100%" cellspacing="2" border="0" align="center">
  <tr>
   <td width="40%" valign="top" nowrap="nowrap" align="left"><span class="gensmall">{S_WATCH_TOPIC}<!-- BEGIN switch_user_logged_in -->
<br /><a href="{U_FAV}">{L_FAV}</a>
<!-- END switch_user_logged_in -->
</span><br />
     &nbsp;<br />
     {S_TOPIC_ADMIN}</td>
   <td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td>
  </tr>
</table>

Ehhez szeretnék segitséget kérni. Úgy a lenti sémát értem,csak a fájl kódjaiban nem tudok eligazodni.

Felhasználó profiljának megtekintése Privát üzenet küldése Felhasználó weblapjának megtekintése
Hozzászólások megtekintése:  

Nem készíthetsz új témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.

Hirdetés
Hirdetés