Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.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 Very Happy
Beitrag09.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
Beitrag09.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 Very Happy

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
Beitrag09.06.2012 um 11:30 (UTC)    
Titel:

Folgenden Code vor
Code:
-->
</style>

einfügen:
Zitat:
td.rednav {
font-size: 13px;
}


Beim roten kannst du dann die Größe einstellen.

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag09.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>
Beitrag09.06.2012 um 11:45 (UTC)    
Titel:

Genau so hab ich das gemeint.

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag09.06.2012 um 11:48 (UTC)    
Titel: re

okay gut komisch ist nur egal was ich eintipp die größe änder sich nicht -.-
Beitrag09.06.2012 um 12:16 (UTC)    
Titel:

http://6p-red.de.tl/Navigation.htm

schau mal dort unten. so muss es klappen.

also mit a.rednav

achte darauf, dass du die schriftformatierung nicht 2x drin hast.

.rednav {font-family: Tahoma, arial, helvetica, serif;font-size: 13px;)

das orange hast du ja im code schon drin.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 09.06.2012, 13:19, insgesamt 2-mal bearbeitet
Beitrag09.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?
Beitrag09.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
Beitrag09.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 Very Happy

bin zufrieden XD
Beitrag09.06.2012 um 13:14 (UTC)    
Titel:

Kein Problem Wink
Vielen Dank für die Rückmeldung!

-CLOSED-, da erledigt

mfg philipp
______________
Forenregeln, FAQ, Suchfunktion
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de