OXPUS.de

Tja, hab mal wieder einen Wunsch und bin auf der Suche nach Infos und Hilfe.

Ich möchte gern bei mir im Forum dies Box beim Posten auch haben. Wie stelle ich das an ? Welche Datei ist dafür verantwortlich? Die posting_body.tpl ? Wie baut man so was ein ?

das sind grafiken...

Ja, die sind am geschicktesten in der CSS-Datei zu definieren, damit diese durch zusätzliche Zellendefinitionen verwendet werden können.
Schaut nett aus, wenn es passt, verursache aber u. U. längere Ladezeiten und auf jeden Fall mehr Traffic.
OXPUS.de ist daher möglichst "blank"

Aha, na dann schaue ich mal ob ich das irgend wie hin bekomme. Oder eben auch nicht. Danke für die Antworten!

Guck Dir mal in dem Style die viewtopic_body.tpl an - dortt siehst Du, wie das gemacht wird - das sind eine halbe Milliarde Grafiken, die dafür genutzt werden; hier mal der Code um die Textausgabe drumherum:

Code: Alles auswählen

<td width="10"><img src="templates/DeinTemplate/images/bubble/bubble1.gif" width="26" height="12"></td> 
<td background="templates/DeinTemplate/images/bubble/bubble2.gif"></td> 
<td width="10"><img src="templates/DeinTemplate/images/bubble/bubble3.gif" width="26" height="12"></td> 
</tr> 
<tr> 
<td background="templates/DeinTemplate/images/bubble/bubble5.gif" valign="top">
<img src="templates/DeinTemplate/images/bubble/bubble4.gif" width="26" height="36"></td> 
<td valign="top" background="templates/DeinTemplate/images/bubble/bubbleback.gif">
<span class="postbody">{postrow.MESSAGE}</span></td>
<td background="templates/DeinTemplate/images/bubble/bubble6.gif" valign="top"></td> 
</tr> 
<tr> 
<td><img src="templates/DeinTemplate/images/bubble/bubble7.gif" width="26" height="12"></td> 
<td background="templates/DeinTemplate/images/bubble/bubble8.gif"></td> 
<td><img src="templates/DeinTemplate/images/bubble/bubble9.gif" width="26" height="12"></td>

Genau sowas natürlich auch noch mal in der posting_body.tpl

Gruß Max

Also um vielleicht eine Hilfestellung aufzuzeigen, würde ich mir mal den Old Scroll Post Hack anschauen, da dieser bei Posts die gleiche Grundlage nutzt.

Bild

Danke für eure hilfe. Ich komme langsam weiter mit vieeel Arbeit. Der letzte Mod half da richtig gut weiter !

achte bitte darauf, das du bei den Links zu den Grafiken entgegen der Installanleitung lieber folgende Codes verwenden solltest.
Dann findet das Forum die Grafiken besser.

Code: Alles auswählen

#
#-----[ OPEN ]------------------------------------------
#

templates/subSilver/viewtopic_body.tpl

#
#-----[ FIND ]------------------------------------------
#

<td colspan="2" height="100%" valign="top"><span class="postbody">{postrow.MESSAGE}</span></td>

#
#-----[ IN-LINE FIND ]------------------------------------------
#

{postrow.MESSAGE}

#
#-----[ IN-LINE BEFORE, ADD ]------------------------------------------
#

<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>    
<td width="10"><img src="./images/scroll1.gif" width="48" height="59"></td>    <td background="./images/scroll2.gif"></td>    
<td width="10"><img src="./images/scroll3.gif" width="48" height="59"></td>  </tr>  
<tr>    
<td background="./images/scroll5.gif" valign="top"><img src="./images/scroll5.gif" width="48" height="59"></td>
<td valign="top" background="./images/scroll_bg.gif"><font size="2">

#
#-----[ IN-LINE AFTER, ADD ]------------------------------------------
#

</font><td background="./images/scroll6.gif" valign="top"></td>  
</tr>  
<tr>    
<td><img src="./images/scroll7.gif" width="48" height="59"></td>    
<td background="./images/scroll8.gif"></td>    
<td><img src="./images/scroll9.gif" width="48" height="59"></td>
</tr>
</table>
#
#-----[ SAVE/CLOSE ALL FILES ]------------------------------------------
#
# EoM

Danke, werd ich machen.
Ein Schönheitsfehler hat das ganze aber noch. Und zwar werden bei mir im Forum abwechselnd die Hintergründe beim Posten verändert. Das sollte auch so bleiben. Nur werden da bei dem helleren Hintergrund die runden Ecken bzw. die ganze Umrandung so häßlich dargestellt. Hast du noch eine Idee oder nen Tip für mich ?

Da müssten dann wohl die Grafiken mit transparenten Hintergrund erstellt werden...

Tja, und wie macht man das ?

Das kann "fast" jedes Grafikprogramm: Image laden (hier die scrollX.gif-Files) und den Hintergrund als Transparent einstellen.
Dann wieder speichern und neu hochladen.

EDIT
Ich habs hier auch mal versuche. Schaut nicht schlecht aus, ist aber noch nicht das wirklich wahre.
Mal sehen, was ich noch besseres zaubern kann...

nimm es wieder raus *bettel* es zerstört die Schlichtheit des Styles. *schnief*

Der Rahmen bleibt, wird aber noch schlichter.
Mache ich aber heute Nachmittag, mit "richtigen" Grafikprogrammen...

ich hab mal meine Private Datenbank durchwühlt und dies gefunden, vielleicht hilft es euch ja weiter =>

Danke, aber ich bin überzeugt, so ist es doch immer noch am besten.

Jepp, für dieses Board sehr schön schlicht, gefällt mir, thx oxpus, das du den blauen Rand wech genommen hast.

Kann mir jemand sagen wie ich die Boxen im Portal mit runden Ecken versehen kann ? Habs schon versucht, das klappt aber irgend wie überhaupt nicht.

Das wäre dann eine längere Sache, da du hierfür einige Sache umschreiben.

Ich versuche es dir mal am Wochende eine Anleitung zu schreiben, wird etwas dauern, also hab bitte etwas Geduld.

Oh, ja super ! Da freuen sich bestimmt auch andere darüber !

Also hier schon mal die einfache Version der Darstellung (ohne grössere Einträge in anderen Skripten):

Code: Alles auswählen

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  	<td width="xx" height="xx"><img src="templates/templatesname/images/bild(top-left).gif" width="xx" height="xx"></td>
	<td height="xx" background="templates/templatesname/images/bild(up).gif"></td>
	<td width="xx" height="xx"><img src="templates/templatesname/images/bild(top-right).gif" width="xx" height="xx"></td>
  </tr>
  <tr>
	<td width="xx" background="templates/templatesname/images/bild(left).gif"></td>
	<td>
  <table width="100%" cellpadding="1" cellspacing="1" border="0" class="bodyline">
  <tr>
  <td>{Portalbox}</td>
  </tr>
  </table>
        </td>
	<td width="xx" background="templates/templatesname/images/bild(right).gif"></td>
	</tr>
  <tr>
    <td width="xx" height="xx"><img src="templates/templatesname/images/bild(up-left).gif" width="xx" height="xx"></td>
    <td height="xx" background="templates/templatesname/images/bild(down).gif"></td>
    <td width="xx" height="xx"><img src="templates/templatesname/images/bild(up-right).gif" width="xx" height="xx"></td>
  </tr>
</table>

Der folgende Code zeigt nur ein Beispiel für den Code der Portalbox auf :

Code: Alles auswählen

<table width="100%" cellpadding="1" cellspacing="1" border="0" class="bodyline">
  <tr>
  <td>{Portalbox}</td>
  </tr>
  </table>

(Der Code steht ebenfalls oben in den Zeilen 11-15)

Eine optimale Einbindung über Stylename.css erfolgt dann in den nächsten Tagen (muss leider nun dringend wech).

Das sieht ja schon mal nach einem Anfang aus. ich warte aber noch auf das gesamtergebnis bevor ich anfange da was zu machen.

Leider hab ich gleich noch eine Frage zum Style: wie bekomme ich diese Spalte weg ?

In der index_body.tpl die betreffende <td...> Zeile entfernen...

Sorry, aber ich habe keinen blassen Schimmer welches <td... das sein sollte....

hier mal der Code:

Code: Alles auswählen

<table width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
	<td colspan="2" class="maintitle">{L_INDEX}</td>
	</tr>
<tr>
<td valign="bottom" class="gensmall">
<!-- BEGIN switch_user_logged_in -->
{LAST_VISIT_DATE}<br />
<!-- END switch_user_logged_in -->
{CURRENT_TIME}<br />
<a href="{U_INDEX}" class="nav">{L_INDEX}</a>{NAV_CAT_DESC}</td>
<td align="right" valign="bottom" class="gensmall">
<a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><br />
<!-- BEGIN switch_user_logged_in -->
{U_DISPLAY_NEW}{U_SEARCH_ALWAYS_READ}<br />
<a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a href="{U_MARK_READ}"><strong>{L_MARK_FORUMS_READ}</strong></a>
<!-- END switch_user_logged_in -->
</td>
</tr>
</table>
{BOARD_ANNOUNCES}
{BOARD_INDEX}
<!-- BEGIN switch_show_links -->
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr> 
<td class="cat" width="100%" height="22"><span class="cattitle"><a href="{U_LINKS}" class="cattitle">{L_LINKS}</a></span></td>
<td class="cat" nowrap="nowrap" align="center"><span class="cattitle">{SITENAME}</span></td>
</tr>
<tr> 
<td class="row1" nowrap="nowrap"><iframe marginwidth="0" marginheight="0" src="{U_LINKS_JS}" frameborder="0" scrolling="no" width="100%" height="{SITE_LOGO_HEIGHT}"></iframe></td>
<td class="row2" nowrap="nowrap"><img src="{U_SITE_LOGO}" alt="{SITENAME}" width="{SITE_LOGO_WIDTH}" height="{SITE_LOGO_HEIGHT}" border="0" /></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>
<br />
<!-- END switch_show_links -->
<!-- BEGIN disable_viewonline -->
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<tr>
<td class="cat" colspan="2"><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></td>
</tr>
<tr>
<td class="row1" rowspan="5"><img src="templates/adi/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" width="25" height="25" class="imgfolder" title="{L_WHO_IS_ONLINE}" />
</td>
<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE} &nbsp;{COLOR_GROUPS_LIST}<br />
{RECORD_USERS}<br />
{LOGGED_IN_USER_LIST}</br></br>
     Bots Online:&nbsp;{L_BOTS_ONLINE}</br></span></td>
</tr>
<!-- Start add - Last visit MOD -->
<tr> 
<td class="row1" align="left"><span class="gensmall">{L_USERS_TODAY}&nbsp;{L_USERS_LASTHOUR}<br />{USERS_TODAY_LIST}</br></span></td>    
</tr> 
<!-- End add - Last visit MOD -->
<tr>
<td height="20" class="row1"><span class="gensmall">{GOOGLE_VISIT_COUNTER}<br />{L_ONLINE_EXPLAIN}</span></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_logged_out -->
<br />
<form method="post" action="{S_LOGIN_ACTION}">
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<td class="cat">{L_LOGIN_LOGOUT}</td>
</tr>
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="2">
<tr> 
<td class="gensmall">{L_USERNAME}:&nbsp;</td>
<td><input class="post" type="text" name="username" size="10" /></td>
<td class="gensmall">&nbsp;&nbsp;&nbsp;{L_PASSWORD}:</td>
<td><input class="post" type="password" name="password" size="10" maxlength="32" /></td>
<td class="gensmall">&nbsp;&nbsp;&nbsp;{L_AUTO_LOGIN}</td>
<td><input class="text" type="checkbox" checked="checked" name="autologin" /></td>
<td>&nbsp;&nbsp;<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /></td>
</tr>
</table></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>
</form>
<!-- END switch_user_logged_out -->
<table width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td class="nav"><a href="{U_INDEX}">{L_INDEX}</a></td>
</tr>
</table>
<br />
<table border="0" align="center" cellpadding="0" cellspacing="3">
<tr>
<td><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" title="{L_NEW_POSTS}" /></td>
<td class="gensmall">{L_NEW_POSTS}</td>
<td>&nbsp;</td>
<td><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" title="{L_NO_NEW_POSTS}" /></td>
<td class="gensmall">{L_NO_NEW_POSTS}</td>
<td>&nbsp;</td>
<td><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" title="{L_FORUM_LOCKED}" /></td>
<td class="gensmall">{L_FORUM_LOCKED}</td>
	<td>&nbsp;&nbsp;</td>
	<td width="20" align="center"><img src="templates/adi/images/folder_ar_big.gif" alt="{L_FORUM_AR}" title="{L_FORUM_AR}" /></td>
	<td><span class="gensmall">{L_AR_POSTS}</span></td>
</tr>
</table>

In diesem Fall ist das die falsche. Dann schon die index_box.tpl...

OXPUS.de

Runde Ecken beim Posten.

Runde Ecken beim Posten.