Freiwilliger für Stylehilfe?

Kobera · Jul 30th 2007

Ich grüße euch,

wollte mal fragen ob es unter Euch jemanden gibt der sich bereit erklärt mir beim Feinschliff an einem Style zu helfen?

Sollte es jemanden geben möge er sich bitte privat bei mir melden.

Danke

Kobera · Aug 5th 2007

Guuut, da sich leider niemand findet der mir mal eben helfen möchte, hoffe ich die Community hilft mir vll...

Erste Frage: ich habe die Largebuttons datei des Blue Sunrise verändert und den CSS Code kopiert. Leider haben meine Buttons nur runde Ecken auf der linken, nicht aber auf der rechten Seite.
Was könnte ich falsch gemacht haben?

Markus Zhang · Aug 5th 2007

du solltest am besten 2 grafiken verwenden zB:
eine für links und die Mitte (mach sie ruhig ein wenig größer, unsere hab ich meine ich 300px breit gemacht :)) und eine für den Abschluss rechts (die nur so breit machen wie der Abschluss ist).
die für links+Mitte setzt du als sich nicht wiederholende Hintergrundgrafik per CSS ins <a> der Buttons und gibst dabei als Position top left an. die für rechts setzt du als sich nicht wiederholende Hintergrundgrafik ins <li> der Buttons und gibst als Position top right an. beim <li> noch padding: 0pt 5px 0pt 0pt; mit rein (wobei du die 5px mit der breite der Hintergrundgrafik für rechts ersetzt) und schon sollte es klappen

Kobera · Aug 5th 2007

Ok ich hab davon jetzt nur die Hälfte Verstanden. Ich werd mich mal ausschlafen und morgen mal genauer damit befassen. danke roul

Kobera · Aug 5th 2007

Aaaaalso:
Ich habe nun die dateien: largeButtons_1_li.png largeButtons_1_re.png largeButtonshover_1_li.png und largeButtonshover_1_re.png

Der Originale CSS Code schaut ja so aus:

CSS

.largeButtons a {
padding: 5px 5px 5px 9px;
background-repeat: no-repeat;
}




.largeButtons li {
padding-right: 9px;
background: url("../images/MFC-Blue/largeButtons2.png") no-repeat right top;
}




.largeButtons li:hover a:hover, .largeButtons li:hover a, .largeButtons li.selected a:hover, .largeButtons li.selected a {
background-position: 0% -86px;
color: #333;
background-color: transparent !important;
}




.largeButtons li:hover, .largeButtons li.selected {
background-position: 100% -86px;
border: 0 !important;
background-color: transparent !important;
}

Display More

Ich habe aber nun für hover und nichthover getrennte Grafiken und nimmer eine. Wie muss das Ganze dann aussehen? So?

€dit: Rausgenommen, hat nicht funktioniert *seufZ*

Markus Zhang · Aug 5th 2007

CSS

.largeButtons a {
background-position: top left;
padding: 5px 5px 5px 9px;
background-repeat: no-repeat;
}




.largeButtons li {
padding-right: 9px;
background: url("../images/MFC-Blue/largeButtons_1_re.png") no-repeat right top;
}




.largeButtons li:hover a:hover, .largeButtons li:hover a, .largeButtons li.selected a:hover, .largeButtons li.selected a {
color: #333;
background-color: transparent !important;
}




.largeButtons li:hover, .largeButtons li.selected {
background: url("../images/MFC-Blue/largeButtonshover_1_re.png") no-repeat right top;
border: 0 !important;
background-color: transparent !important;
}

Display More

Die Grafiken für links gibst du im Stileditor unter "Buttons » Große Buttons" an. Außerdem kann es ja nach größe deiner Grafiken sein, dass du das padding-right für das li anpassen musst und das padding für das a

Kobera · Aug 5th 2007

Danke

Nun passiert es leider noch, dass beim erscheinen der Hovergrafik das Forum bzw. die Posts einen px nach oben "hüpfen" und beim verlassen des hovers wieder runter... komisch: Hab beide Grafiken genau gleichgroß erstellt... daran dürfte es also nicht liegen, dass sie unterschiedlich groß sind? *wunder*

€dit: Die Grafiken werden leider noch nicht korrekt angezeigt. Wie groß sollten sie denn ca sein? Breite: 200 px und höhe 50 px habe ich momentan für die linken files...

Markus Zhang · Aug 5th 2007

Quote from Philtaer

€dit: Die Grafiken werden leider noch nicht korrekt angezeigt. Wie groß sollten sie denn ca sein? Breite: 200 px und höhe 50 px habe ich momentan für die linken files...

Deswegen meinte ich, dass es sein kann, dass du das padding beim <a> eventuell noch etwas anpassen musst

Quote from Philtaer

Nun passiert es leider noch, dass beim erscheinen der Hovergrafik das Forum bzw. die Posts einen px nach oben "hüpfen" und beim verlassen des hovers wieder runter... komisch: Hab beide Grafiken genau gleichgroß erstellt... daran dürfte es also nicht liegen, dass sie unterschiedlich groß sind? *wunder*

Da ist vermutlich irgendwo ein fehlender margin oder padding. Kann ich dir nicht so auf Anhieb sagen, wo.

Kobera · Aug 5th 2007

Ok, danke ich werd mal ein bisschen rumprobieren.

Sollte es nicht klappen muss ich die Buttons wohl wieder "nur" färben...

Freiwilliger für Stylehilfe?

Participate now!

Share

Users Viewing This Thread