[Solved] DIV-Anpassung im Header - nur wie ?

Begonnen von breakdancer, 02 März 2010, 18:14:04

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 2 Gäste betrachten dieses Thema.

breakdancer

Hallo zusammen,

ihr lernt gleich mein neues Webprojekt kennen: www.CircusMania.de.

Ist natürlich noch in der allerersten Phase - also in der Anpassung. Zum Einsatz kommt das Theme RD-World, danke an französischen Helferlein für eine Top-Arbeit !!!

Zum Problem: Im Header sind da ne ganze Menge Div´s verbaut worden, mit denen ich jetzt nicht mehr klarkomme. Es geht um den Bereich, in dem jetzt noch der "Tierschutzbotton" oben zu sehen ist, untendrunter die "User Online" Anzeige. Beides kann raus. Stehen bleiben soll lediglich rechts der "Letzte News" Bereich - links soll dann Platz sein für eine Teasergrafik, die auf Veranstaltungen etc... aufmerksam machen soll.

Nun die Frage: Wie mach ich´s ? Welche DIV´s muss ich entfernen, um das ohne Verschiebungen auf die Reihe zu bekommen ? Wie gesagt, ich brauche quasi dann am Ende nur noch einen großen DIV für die gesamte Seitenbreite und zwei kleine (Newsbereich / Teaser) oder ?

Wie geht so etwas ? Ich bin zwar schon lange mit PMX unterwegs, hab aber Theming-Arbeiten nie selbst in diesem Ausmaß gemacht...

Wäre für eine Erklärung dankbar. Dass DIV´s verschachtelt sind, weiss ich ja, hab auch den Web-Developer im Einsatz, aber ich komm da nicht mit.

Liebe Grüße

Markus

EDIT: Hier noch das entsprechende Fragment aus der index.html:

<div id="toolbar">
                          <div id="tool"><div id="bouttons-ec"><a href="modules.php?name=Sections&artid=1"><img src="images/boutton-enregistrement.png" alt="" border="0" /></a><a href="modules.php?name=Your_Account"><img src="images/boutton-connexion.png" alt="" border="0" /></a></div>
                          <div id="toolonline"><div id="online">{SHOWTOTALUSER}</div></div></div><div id="lastnews"><div id="news">{LASTARTICLE}</div></div></div>

                          <div id="arrondi-top">
                          </div>


Liebe Grüße

Markus

pekobe

Hallo,

das Theme steht leider nicht mehr in Download.

Würdest Du es mir zuschicken, dann würde ich es mir mal anschauen?

pekobe@freenet.de


LG Sven

breakdancer

Hi Sven, 

klar steht es noch in den Downloads...  Ist ja noch absolut frisch...  :smile:

Da isses: http://www.pragmamx.org/Downloads-op-view-lid-763.html

;) Viel Spass beim Reingucken, die RD-Themes gefallen mir ausserordentlich gut. Es gibt übrigens noch ein paar mehr interessante Themes im Forum auf der RD-Seite. Alles schick schick.

Liebe Grüße

Markus

breakdancer

Sorry,

mir ist gerade aufgefallen, dass ich beim hin- und herklicken die falsche Forenkategorie erwischt habe... Sollte natürlich in "Themes und Design".

Bitte einfach verschieben.  ;)

Liebe Grüße

Markus

pekobe

Hallo,

um es runterzuladen muss ich mich auf der französischen Seite auch noch registrieren.

Wenn es hier angeboten wird, sollte man es auch hier runterladen können.


LG Sven

breakdancer

*g* Ach so ja, dat han ich verjessen, die Anmeldung funzt bei mir auf der französischen Seite ja Cookie-mäßig automatisch...

Sorry, ich weiss aber ned, ob ich das Theme jetzt einfach so dranhängen darf hier...

Hast aber Mail.  :BD:

Liebe Grüße

Markus

pekobe

Hallo,

schau mal wenn Du den Code so veränderst, ob es Dir dann so Recht ist:


<div id="toolbar">
  <div id="tool">HIER DEINE GRAFIK REIN</div>
  <div id="news">{LASTARTICLE}</div>
</div>


Ich musste bei mir den Cache zurücksetzen, damit ich die Änderungen sehen konnte.


LG Sven

breakdancer

Hi Sven,

danke schonmal für Deine Mühe !

So ähnlich hatte ich es vorher auch schon einmal versucht - aber klick mal bitte hin und schau, was das Ergebnis ist... Leider verzieht es sowohl die Grafik (ich hab mal den Text "hier Deine Grafik rein" dringelassen) ein Stück zu weit nach links weg, dafür haut es mir den Inhalt des Newskästchens nach unten raus...

Da fehlt noch irgendwas, aber was ?

Liebe Grüße

Markus

pekobe

Hallo,

so jetzt nochmal:


<div id="toolbar">
  <div id="tool">
    <div id="bouttons-ec">
        HIER DEINE GRAFIK REIN
    </div>
  </div>
  <div id="lastnews">
    <div id="news">{LASTARTICLE}</div>
  </div>
</div>


Dann musst Du noch die Datei rd-template.css im Verzeichnis style anpassen.

Ab Zeile 53, so schaut es jetzt aus:


#bouttons-ec{
padding-left:30px;
}


So sollte es dann ausschauen:


#bouttons-ec{
padding-left:30px;
padding-top:10px;
}


Mit den Zahlen kannst Du dann etwas probieren, damit wird die Grafik dann ausgerichtet.
Left ist der Abstand von links und top der Abstand von oben.


LG Sven

breakdancer

Hi Sven,

ganz ganz herzlichen Dank für die schnelle Hilfe. Es funktioniert prima !!!

Hab mal auf die schnelle aus der Hand ne Grafik reingefummelt und ausgerichtet - Top Sache !!!

Für alle, die es interessiert: Ich arbeite da jetzt mit folgenden Werten:

Padding links: 20 px, Padding oben 12 px und die Grafik muss dann auf ein Format von 540 x 85 px, wobei mit dem Image-Tag und seinen Attributen ja auch noch ein bisschen Spielerei möglich ist. Ist eh Geschmackssache, der eine mag die Grafik größer, der andere lieber etwas kleiner...

Nochmal vielen Dank Sven.

Liebe Grüße

Markus