Autor
Nachricht
worldofpantera
09.06.2012 um 10:12 (UTC) Titel: Navigator ändern Red
Hallo zusammen,
ich hoffe das mir jemand weiter Helfen kann,
ich möchte mein Navi in der größe änder also die einzelen Buttons höher oder breiter machen so auf 216x65 pix wäre nice.
und den text in der nav box also Home und die andern mittig setzen wenn das geht wäre echt super.
bevor sich jemand beschwerd ja ich habe das forum schon durchsucht aber ich finde nichts oder versteh es nicht.
ich danke schon mal im vorraus
↑
philipp7
Premium
Support-Team
Wohnort: Österreich
09.06.2012 um 10:56 (UTC) Titel:
1. Wenn man im Forum um Hilfe bezüglich des Designs ansucht, wäre es nett die Rechtsklick-Sperre rauszunehmen, die im Übrigen sowieso nicht viel bringt.
2. Dein bisher eingefügter Css-Code sieht nicht gerade sehr gut aus.
Dies ist dein bisheriger Code:
Code: <style type="text/css">
<!--
td.edit_rechts_bg {
background-color:#XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/boxback8.jpg);background-repeat:no-repeat;}
-->
</style>
<style type="text/css">
<!--
td.edit_rechts_header2{
background-color: #XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/box5.jpg);}
-->
</style>
<style type="text/css">
<!--
td.edit_rechts_header {
background-color: #XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/boxheader2.jpg);}
-->
</style>
<style type="text/css">
<!--#MyChar a{
color: #e72323;
} -->
</style>
<style type="text/css">
<!--
td.edit_button_bg{
background-image:url(http://img.webme.com/pic/w/worldofpantera/ap3.jpg);}
td.edit_button_bg:hover{background-image:url(http://img.webme.com/pic/w/worldofpantera/ap5.jpg);background-repeat:no-repeat;}
<style type="text/css">
li.nav_element { text-align: center;
width: 216px;
height: 65px;}
-->
</style>
-->
</style>
Den am Besten mal mit folgendem austauschen:
Code: <style type="text/css">
<!--
td.edit_rechts_bg {
background-color:#XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/boxback8.jpg);
background-repeat:no-repeat;
}
td.edit_rechts_header2 {
background-color: #XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/box5.jpg);
}
td.edit_rechts_header {
background-color: #XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/boxheader2.jpg);
}
#MyChar a{
color: #e72323;
}
td.edit_button_bg {
background-image:url(http://img.webme.com/pic/w/worldofpantera/ap3.jpg);
height: 65px;
width: 216px;
text-align: center;
}
td.edit_button_bg:hover {
background-image:url(http://img.webme.com/pic/w/worldofpantera/ap5.jpg);
background-repeat:no-repeat;
}
-->
</style>
mfg Philipp
______________
Forenregeln ,
FAQ ,
Suchfunktion
↑
worldofpantera
09.06.2012 um 11:21 (UTC) Titel: cool
erstmal danke für die fixe antwort.
die rechts sperre habe ich raus war nur ein test und ja ich weiß ich bin im css nicht fit habe mir das iwi zusammen gebastelt da brauch ich mich nicht auch wundern das es nicht geht
aber noch kurz was anders kann man noch iwi den text erwas vergößern? wäre cool ^^
ich habe die bilder etwas verändert und leider ist der text nicht mehr in der mitte -.- wie bekomme ich hin wieder da hin ? das bild ist jetzt 200x60 pix
Zuletzt bearbeitet von worldofpantera am 09.06.2012, 12:32, insgesamt einmal bearbeitet
↑
philipp7
Premium
Support-Team
Wohnort: Österreich
09.06.2012 um 11:30 (UTC) Titel:
Folgenden Code vor
einfügen:
Zitat: td.rednav {
font-size: 13 px;
}
Beim roten kannst du dann die Größe einstellen.
mfg Philipp
______________
Forenregeln ,
FAQ ,
Suchfunktion
↑
worldofpantera
09.06.2012 um 11:38 (UTC) Titel: mhhh
okay danke aber wo muss ich den einsetzten?
einfach zwieschen den code den du mir erstellt hast?
etwa so:
<style type="text/css">
<!--
td.edit_rechts_bg {
background-color:#XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/boxback8.jpg);
background-repeat:no-repeat;
}
td.edit_rechts_header2 {
background-color: #XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/box5.jpg);
}
td.edit_rechts_header {
background-color: #XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/boxheader2.jpg);
}
#MyChar a{
color: #e72323;
}
td.edit_button_bg {
background-image:url(http://img.webme.com/pic/w/worldofpantera/ap7.jpg);
height: 55px;
width: 225px;
text-align: center;
}
td.edit_button_bg:hover {
background-image:url(http://img.webme.com/pic/w/worldofpantera/ap6.jpg);
background-repeat:no-repeat;
}
td.rednav {
font-size: 25px;
}
-->
</style>
↑
philipp7
Premium
Support-Team
Wohnort: Österreich
↑
worldofpantera
09.06.2012 um 11:48 (UTC) Titel: re
okay gut komisch ist nur egal was ich eintipp die größe änder sich nicht -.-
↑
↑
worldofpantera
09.06.2012 um 12:26 (UTC) Titel: sehr nice
cool vielen dank jetzt kann ich das anpassen ^^ mein code sieht grade so aus:
<style type="text/css">
<!--
td.edit_rechts_bg {
background-color:#XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/boxback8.jpg);
background-repeat:no-repeat;
}
td.edit_rechts_header2 {
background-color: #XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/box5.jpg);
}
td.edit_rechts_header {
background-color: #XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/boxheader2.jpg);
}
td.edit_button_bg {
background-image:url(http://img.webme.com/pic/w/worldofpantera/ap8.jpg);
text-align: center;
}
td.edit_button_bg:hover {
background-image:url(http://img.webme.com/pic/w/worldofpantera/ap9.jpg);
background-repeat:no-repeat;
}
td.rb_bottom2 {
visibility:hidden;
}
td.rb_bottom {
visibility:hidden;
}
td.rb_footer {
visibility:hidden;
}
a.rednav{font-family: arial;font-size: 15px;color: #000000;text-decoration: none;display: block;line-height: 50px;}
a.rednav:hover{font-family: arial;font-size: 20px;color: #000000;text-decoration: none;display: block;line-height: 50px;}
-->
</style>
jetzt was anders durch das hin und her stellen und alles habe ich das gefüh das mein text nicht ganz mittig ist weiß nicht wieso das jetzt so ist kann ich irgend wie das manuell einstellen das ich mir das so den text fixe wie ich es will oder ist das nicht mehr möglich?
↑
philipp7
Premium
Support-Team
Wohnort: Österreich
09.06.2012 um 12:48 (UTC) Titel:
Das ist mal der aktuelle Css-Code deiner Seite:
Zitat: <style type="text/css">
<!--
td.edit_rechts_bg {
background-color:#XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/boxback8.jpg);
background-repeat:no-repeat;
}
td.edit_rechts_header2 {
background-color: #XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/box5.jpg);
}
td.edit_rechts_header {
background-color: #XXXXXX;
background-image:url(http://img.webme.com/pic/w/worldofpantera/boxheader2.jpg);
}
td.edit_button_bg {
background-image:url(http://img.webme.com/pic/w/worldofpantera/ap8.jpg);
text-align: center;
height: 55px;
width: 205px;
padding-left: 40px;
}
td.edit_button_bg:hover {
background-image:url(http://img.webme.com/pic/w/worldofpantera/ap9.jpg);
background-repeat:no-repeat;
}
td.rb_bottom2 {
visibility:hidden;
}
td.rb_bottom {
visibility:hidden;
}
td.rb_footer {
visibility:hidden;
}
a.rednav{font-family: arial;font-size: 15px;color: #000000;text-decoration: none;display: block;line-height: 50px;}
a.rednav:hover{font-family: arial;font-size: 20px;color: #000000;text-decoration: none;display: block;line-height: 50px;}
-->
</style>
Das Grüne löschst du komplett raus.
Den roten Teil fügst du neu ein und die Zahl (in diesem Fall 40) gibt den Abstand des Textes zum linken Rand in pixel an.
mfg Philipp
______________
Forenregeln ,
FAQ ,
Suchfunktion
↑
worldofpantera
09.06.2012 um 13:03 (UTC) Titel: DANKE
so jetzt passt alles danke vielen danke!!
ich habe jetzt das grüne drinn gelassen damit der text mittig bleibt und das von left auf right gestellt aber danke für den code da wäre ich nie drauf gekommen
bin zufrieden XD
↑
philipp7
Premium
Support-Team
Wohnort: Österreich
09.06.2012 um 13:14 (UTC) Titel:
Kein Problem
Vielen Dank für die Rückmeldung!
-CLOSED-, da erledigt
mfg philipp
______________
Forenregeln ,
FAQ ,
Suchfunktion
↑