[Portal] Grafik im Header einer Box

[smokin]

ich würde gerne im portal den boxen eine grafik im header verpassen.

immo sieht das portal so aus: Link

die zeile der tabelle der box, wo jetzt zb Navigation: drinsteht, soll als hintergrund die grafik aus dem header bekommen, dieses orange. ebenso die anderen boxen.

das ist meine portal_body.tpl: Link

das ist meine overall_header.tpl: Link

ich hoffe, ihr wisst, was ich meine...

danke schonmal fürs anschauen

[Garzia]

Du hast quasi 2 Möglichkeiten.
Die eine ist in der css datei anstelle des Braunen hintergrunds ein Bild festzulegen.
Die andere ist einfach in den jeweiligen Templatedateien an der Stelle ein Hintergrundbild einzufügen. (Das würde ich machen, ist zwar mehr arbeit aber wenn das template nicht selbstgemacht ist hat man weniger die chanze was an ungewollten stellen zu verändern)

Jetzt musst du nur noch sagen was du willst?
html ändern und weist nicht wo und wie? oder einfach nur die stelle in der css datei suchen?
wo brauchst du denn genau hilfe?

[smokin]

also, ich würde das gerne nicht über die css machen, sondern die grafik manuell einfügen. nur weiß ich leider nicht, wo ich das machen soll. es müsste irgendwo in der portal_body gehen, glaub ich, aber wie gesagt, keine ahnung wie.



abgesehen davon, man bist du schnell.

[Garzia]

also das machst du dann in der portal_body Template Datei:

die jeweilige Stelle sieht so aus:

Code: Alles auswählen

<td class="catHead" colspan="2" height="25"><span class="cattitle"><center><b>{IntroPortaltext13}:</b></center></span></td>

wobei der platzhalter {IntroPortaltext13} jetzt nur ein Beispiel ist.
du kannst auch nach: class="catHead" suchen da kommst du auch immer zu der richtigen Stelle.

in dem Bereich <td> wird das Design festgelegt:

class="catHead" gibt an wo aus der css Datei er schrift und farbinfos holen soll.
colspan="2" height="25" gibt das Format bzw größe und Zellenfüllraum an!

um da jetzt ein Hintergrundbild einzufügen musst du folgendes Hinzufügen:

background="template/templatename/images/background.jpg"

Den Dateipfad musst du natürlich anpassen. Beachte aber dabei das der Pfad von dem root also standartverzeichnis aus passen muss ( in der die index.php liegt ) und nicht aus dem verzeichnis aus in dem die Template datei liegt. du kannst natürlich auch einen Absoluten Pfand angeben: http://www.deinedomaine.de/portal/templ ... /datei.jpg
z.B. (nicht zu empehlen)

Der sode sieht dann etwar so aus:

Code: Alles auswählen

     <td class="catHead" colspan="2" height="25" background="Templates/Templatename/images/background.jpg"><span class="cattitle"><center><b>{IntroPortaltext13}:</b></center></span></td>

Ich würde dir raten das einzelt zu machen. Immer einmal einfügen, speichern, hochladen, testen. Fals du dich irgendwo vertan hast weist du sofort wo. und denk immer daran ein Backup der dateien zu machen die du bearbeitest

hoffe du kommst damit zurecht. ansonsten schreib mir ne mail: kontakt@wow-toolbar.com

[smokin]

super, hat gut geklappt.

jetzt die letzte sache. die headergrafik besteht aus drei grafiken, und zwar der linken und der rechten, die beide nur einmal vorkommen, und der mittleren, die sehr schmal ist. die passt sich dadurch halt der breite an.

wenn ich jetzt die links seite vor die mittlere schreibe, wird nur die linke dargestellt. (hab ich mir fast schon gedacht)

bild

wie krieg ich das hin, dass die linke und die rechte grafik nur einmal dargestellt wird und dazwischen die mittlere?

und dann noch was ganz anderes. bei subsilver wird oben rechts das eigene profil angezeigt, wenn man sich eingeloggt hat. ich hab die beiden portal_body.tpl verglichen (subsilver und anderes template), die haben jedoch keinen unterschied. wir krieg ich das profil wieder dahin?

[Garzia]

Code: Alles auswählen

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="25"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/buttons_left2.gif" width="25" height="28" alt="" /></td>
    <td><span class="cattitle"><center><b>

{IntroPortaltext13}:

</b></center></span></td>
    <td width="25"><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/buttons_right2.gif" width="25" height="28" alt="" />
</td>
  </tr>
</table>

anstelle von

Code: Alles auswählen

<span class="cattitle"><center><b>

{IntroPortaltext13}:

</b></center></span>

denk dran die variablen anzupassen!

als kleine erklärumg:
ich habe eine kleine Tabelle in diese spalte gelegt die aus drei teile besteht: der linke teil zeigt das bild des linken abschlusses und ist auch genau so groß. Das bild ist eingefügt und hier nicht als hintergrund hinterlegt. Das hat den vorteil das die höhe automatich angepasst wird, allerdingws kann keine schrift drüber liegen und es wird nicht wiederholt. In der rechten Spalte das selbe. In der mitte ist einfach ein leeres feld ohne Hintergrund. Den Hintergrund ist ja in der untendrunter liegenden tabelle ja schon als hintergrund angegeben.

viel spass

[Garzia]

mir fällt grad auf das das blöd aussehen wird der dunkle Hintergrund des linken und rechten abschlusses hat eine andere helligkeit als der Hintergrund der Seite!
d.h. du musst dir von beiden bildern eine kopie erstellen und die verknüpfen (in den überschriften). die kopie musst du dann farblich anpassen das das grau genau so intensiv ist wie des Hintergrunds.
Den Hex code des hintergrundes findest du in der css datei.

[smokin]

super, klappt! war ein bissl fummelei, bis es passte, auch mit der mittleren grafik, aber jetzt gehts.

weißt du vielleicht noch, wie ich diese profilbox wieder dahin bekommen? in der portal_body ist die jedenfalls nicht drin...