viewtopic kinézetének modosítása
Szerző
Üzenet
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:
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?
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:
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?
Ez egy egyszerű HTML tábla dolog.
Ha eddig volt ilyened:
Csak egy oszloppal kell kibévíteni:
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:
... é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.
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>
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>
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>
_________________
Tapasztalást pénzért venni vagy hagyományképpen kapni nem lehet - fizetni kell azért mindég és mindegyiknek.
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:
Az összes colspan értéket 2-ről 3-ra állítottam.
Leginkább ezekkel a kommentezésekkel találkoztam:
A modósított viewtopic képben:
Az eredeti fájl(a colspan érték már át van állítva),hogyha nagyon elszúrtam volna:
Ehhez szeretnék segitséget kérni. Úgy a lenti sémát értem,csak a fájl kódjaiban nem tudok eligazodni.
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 />
</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> <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"> <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> </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"> </span> {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} {S_SELECT_POST_ORDER} <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> <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"> <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 />
<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:
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 />
</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> <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"> <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> </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"> </span> {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} {S_SELECT_POST_ORDER} <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> <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"> <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 />
<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.
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.
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.