Autor |
Nachricht |
|
02.10.2011 um 22:12 (UTC) Titel: |
|
|
Danke, Geduld ist mein zweiter Vorname.
In dem Codestück, welchen du gepostet hast nur ein kleiner:
Zitat: td.edit_nav_main a, td.edit_nav_main a font {
color:#ffffff;
front-size:20px;
}
Das r muss weg
Ich habe mir aber mal den ganzen Code angesehen:
Zitat: <style type="text/css">
<!--
td.edit_headline font {
font-size:45px;
font-family:monotype corsiva,times new roman;
}
td.edit_nav_main { td.edit_nav_main {
background-image:none;
background-color:#97d9f3;
}
td.edit_nav_main a, td.edit_nav_main a font {
color:#ffffff;
front-size:20px;
}
background-image:none;
background-color:#97d9f3;
}
td.edit_nav_main a;
}
-->
</style>
Das rote muss weg, wurde wohl beim verbessern als vergessen!
Da musst du etwas aufpassen. ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
↑
|
|
 |
-

roseanne-serie
|
02.10.2011 um 22:20 (UTC) Titel: |
|
|
ich bin begeistert. DANKE!
Du bist echt der Hammer.
Weißt du, ich blick das mit dem Code nicht und komm da irrsinnig schnell durcheinander.
Kann man die Box auch noch schmaler machen?
Ich nerv dich bestimmt tierisch, aber ich will es endlich mal so haben wie ich es will ______________  |
|
↑
|
|
 |
|
02.10.2011 um 22:30 (UTC) Titel: |
|
|
Ich denke, dass die boxen in der normalen größe so sein sollten, wie du es möchtest. Das Problem daran, sind die Bilder, die du eingefügt hast.
Ich nehme mal eines als Beispiel:
Zitat: <img width="257" height="272" style="width: 235px; height: 210px" src="http://chaoten-bande.de/Roseanne3.jpg">
Ist übeflüssig, da du kurz dannach mit css Breite und höhe festlegst.
Hier gibst du deinem Bild eine Breite von 235 Pixeln. Mach diesen Wert einfach kleiner.______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
↑
|
|
 |
-

roseanne-serie
|
02.10.2011 um 22:48 (UTC) Titel: |
|
|
ich hab die Bilder jetzt verkleinert, aber die navi ist mir immer noch zu groß.
außerdem ist mir aufgefallen, wenn ich mit der maus drauf gehe, wird es weiß, so wie die schrift, das ist nicht gut. ______________  |
|
↑
|
|
 |
|
02.10.2011 um 23:18 (UTC) Titel: |
|
|
Das mit der Maus, ist der hover effekt, den ich vorhin angesprochen habe. Soll alles so bleiben, wie es ist beim hover?
Zum verkleinern: Ergänze den CSS code um folgende Blöcke:
Zitat: td.edit_bg_middle {
width:100%;
}
td.edit_bg_navi, td.edit_nav_headline table[width="252"], td.edit_headline_nav table[width="252"], td.headline2, td.headline3 {
width:XXXpx;
display:block;
overflow:hidden;
}
table[width="252"] {
display:none;
}
Breite deiner Navi in pixel
Wenn ich nichts übersehen habe, sollte es klappen. Den Content Bereich habe ich entsprechend vergrößert.
PS: Habe ich oben vergessen: Wenn du nerven würdest, würde ich nicht mehr antworten.  ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering
Zuletzt bearbeitet von o-4-n am 03.10.2011, 01:13, insgesamt einmal bearbeitet
|
|
↑
|
|
 |
-

roseanne-serie
|
03.10.2011 um 12:36 (UTC) Titel: |
|
|
Hallo
du hast mir echt wirklich wahnsinnig geholfen. Vielen Dank.
Ja der Hover effekt sollte irgendwie anders sein, weil sonst kann man den text auf den buttons nicht mehr lesen, wenn der hintergrund dann weiß wird, wenn man mit der maus drauf geht.
Ich wollt mal was fragen, gibt es die Möglichkeit ganz andere Buttons für die Navi zu erstellen? Das gefällt mir so nicht. Ich hätte sie gern als Buttons mit runden Ecken und nicht so in einem Block und ich würde gerne ein paar Buttons nach oben unter den header verschieben. ______________  |
|
↑
|
|
 |
|
03.10.2011 um 13:11 (UTC) Titel: |
|
|
Hallo,
mit dem hover musst du etwas präziser werden.
Wenn du die Buttons als Grafik hast, kann man sie problemlos einbinden. Abrunden kannst du die Menüpunkte aber auch mit Hilfe der CSS3 Eigenschaft border-radius bzw. einigen Browserspezifischen Eigenschaften. Da musst du aber auch noch etwas genauer werden. ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
↑
|
|
 |
-

roseanne-serie
|
03.10.2011 um 15:43 (UTC) Titel: |
|
|
hallo
den button hätte ich gerne
http://img.webme.com/pic/r/roseanne-serie/jelly5w.jpg
und als hover sollte die schrift etwas größer werden.
und ich hätte gern die Kategorien Forum, Gästebuch, Quiz, Umfrage, Newsletter, Linkliste oben unterhalb des headers. den rest so wie bisher.
geht das? ______________  |
|
↑
|
|
 |
|
03.10.2011 um 16:25 (UTC) Titel: |
|
|
Hopla, das ist mal wieder was ganz seltsames! Der hover effekt wird nicht durch CSS erreicht sondern mit javascript! Das macht die Sache etwas komplizierter, da man den onmouseover und onmouseout event löschen muss. Dazu musst du folgendes javascript bei text unter dem Design einfügen:
Zitat: <script type="text/javascript">
var i;
var tds = document.getElementsByTagName('td');
for(i = 0; i < tds.length; i++)
{
if(tds[i].className.indexOf('edit_nav_main') != -1)
{
tds[i].removeAttribute('onmouseover');
tds[i].removeAttribute('onmouseout');
}
}
</script>
Jetzt kannst du deinen eigenen hover effekt per CSS definieren. Dazu musst du den CSS code wieder ergänzen:
Zitat: td.edit_nav_main a:hover, td.edit_nav_main a font:hover {
font-size:XXpx;
}
Schriftgröße in Pixel
Um den Button einzufügen, suche im CSS Code folgenden Block:
Zitat: td.edit_nav_main {
background-image:none;
background-color:#97d9f3;
}
diesen ersetzt du mit diesem:
Zitat: td.edit_nav_main {
background-image:url(http://img.webme.com/pic/r/roseanne-serie/jelly5w.jpg);
background-repeat:no-repeat;
background-color:transparent!important;
}
Zuletzt bearbeitet von o-4-n am 03.10.2011, 17:33, insgesamt einmal bearbeitet
|
|
↑
|
|
 |
-

roseanne-serie
|
03.10.2011 um 16:55 (UTC) Titel: |
|
|
danke.
das ist ja jetzt ganz ok, aber irgendwie steht eine anweisung jetzt über dem header, wie kommt das? Und die weißen balken, wenn ich mit der maus rüber gehe, sind größer als die buttons selber und die buttons sind etwas zu klein ______________  |
|
↑
|
|
 |
|
03.10.2011 um 17:01 (UTC) Titel: |
|
|
Wenn die Buttons zu klein sind musst du leider andere nehmen oder diese mit einem Bildbearbeitungsprogramm vergrößern.
Die Anweisung, die über dem Header steht, musst du zwischen die styletags schreiben:
<style type="text/css">Hier die Anweisung</style>
Da du bereits mehere styletags hast, kannst du die Anweisung einfach dort hinzufügen.
Die weißen Balken sind noch da, weil du mein script bei Text über dem Design eingefügt hast.
Es muss bei Text unter dem Design rein. ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
↑
|
|
 |
-

roseanne-serie
|
03.10.2011 um 17:15 (UTC) Titel: |
|
|
danke, jetzt gehts.
Wenn die Buttons zu klein sind, kann man es dann nicht einfach so machen, dass nur der Name des links steht unterstrichen, ohne button und navi box? Das gefällt mir auch. ______________  |
|
↑
|
|
 |
|
03.10.2011 um 17:18 (UTC) Titel: |
|
|
Kannst du auch machen. Suche in deinem Code folgenden Block:
Zitat: td.edit_nav_main {
background-image:url(http://img.webme.com/pic/r/roseanne-serie/jelly5w.jpg);
background-repeat:no-repeat;
background-color:transparent!important;
}
Das rote ersetzt du mit folgendem:
|
|
↑
|
|
 |
-

roseanne-serie
|
03.10.2011 um 17:24 (UTC) Titel: |
|
|
danke, so gefällt es mir besser, dann ist auch nicht ganz so kunterbunt, weniger ist manchmal mehr
aber komisch ist im ie sind die schriftgrößen der links verschieden groß. im firefox wird es richtig angezeigt, ich hab beide programme, mal nehm ich das mal das.
ich hab jetzt in deinem forum link geschaut wegen den links die ich gern noch oben verschieben würde, aber ich blick da echt nicht durch, dass ist zuviel code für mich, kannst du mir da nicht noch helfen? ______________  |
|
↑
|
|
 |
|
|
↑
|
|
 |
|