Suche im Forum:
Suchen


Autor Nachricht
Beitrag15.01.2011 um 14:19 (UTC)    
Titel: Navigation Abstand ändern

hallo zusammen.
ich hab da ein problem was mich noch wahnsinnig macht mit meiner navigation.
wie man unschwer erkennen kann, hängt der text der menu links in meiner
hintergrund grafik in den button(s).

ich würde gerne, da ich die hintergrundgrafik der navigation mit dem grünen
drachen nicht verändern möchte, den text (menu, news, usw.) zentriert
machen oder mindestens ein stück nach rechts rücken.

habe schon über die suchfunktion tutorials usw probiert, aber da bewegt sich nichts.
ich habe das design iceblue aber einen eigenen css text.

<style type="text/css">
<!--
/* Copyright: ig444.tk */
body {background-color: ;}
td.edit_header_full {background-image: url(http://img.webme.com/pic/t/thraves-sieera-wowgilde/banner-wow3.jpg); background-repeat: no-repeat; width: 900px; height: 200px;}
td.headline {visibility: hidden;color:#FFFFF;font-size:20px;font-family:Arial;text-align:center;}
td.headline2{color:#FFFFF;font-size:12px;font-family:Arial;text-align:center;}
td.nav_heading {color:#FFFFF;font-size:20px;font-family:Arial;text-align:center); height: 25px; color: #FFFFFF; font-size: 12px;}
td.nav {background-image: url(http://img.webme.com/pic/t/thraves-sieera-wowgilde/menuklein.jpg);} height: 20px;}
td.nav:hover {background-image: url(http://img.webme.com/pic/t/thraves-sieera-wowgilde/menuklein.jpg);} background-repeat: no-repeat;
td.nav.checked_menu {background-image: url();}
td.edit_navi_headbg {background-image: url(); height: 0px;padding-left:0px;padding-right:10px;}
td.edit_below_nav {visibility: hidden; background: (URL):}
td.edit_content_top {background-image: url(http://img.webme.com/pic/t/thraves-sieera-wowgilde/content_bottom.gif); height: 20px; color: #FFFFFF; font-size: 11px;}
td.edit_content {background-image: url(); background-color: #FFFFFF;}
td.edit_content_bottom {background-image: url(); background-color: #FFFFFF;}
td.edit_content_bottom2 {background-image: url(http://img.webme.com/pic/t/thraves-sieera-wowgilde/content_bottom.gif); height: 20px;}
td.edit_rechts_cbg {background-image: url();}
td.sidebar_heading {background-image: url(); height: 25px; color: #FFFFFF; font-size: 11px;}
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5 {background-image: url(); background-color: #FFFFFF;}
td.edit_rechts_bottom {background-image: url();}
td.edit_rechts_sbg {background-image: url();}
td.edit_rb_footer {background-image: url();}
-->
</style>

<style typ= "text/css">
<!--
.edit_main_table,.edit_main_tr,.edit_second_table{
width:695px!important;}
.edit_rechts_cbg,.edit_third_table,.edit_rechts_tabelle{
width:695px!important;}
-->
</style>

<style type="text/css">
<!--
td#nav_Abstand1{visibility:hidden;height:5px;font-size: 1px;}
-->
<!--
td#nav_Abstand2{visibility:hidden;height:5px;font-size: 1px;}
--><!--
td#nav_Abstand3{visibility:hidden;height:5px;font-size: 1px;}
-->
<!--
td#nav_Abstand4{visibility:hidden;height:5px;font-size: 1px;}
-->
<!--
td#nav_Abstand5{visibility:hidden;height:5px;font-size: 1px;}
-->
<!--
td#nav_Abstand6{visibility:hidden;height:5px;font-size: 1px;}
-->
<!--
td#nav_Abstand7{visibility:hidden;height:5px;font-size: 1px;}
-->
</style>
Beitrag15.01.2011 um 14:21 (UTC)    
Titel:

ich hatte dir die antwort schon posten wollen, aber du hattest zu schnell den beitrag gelöscht.

warte kurz ich schick die lösung. es war auch ein fehler im hoverbutton. die geschweifte klammer war falsch.

gruss gringo

Zitat:
<style type="text/css">
<!--
/* Copyright: ig444.tk */
body {background-color: ;}
td.edit_header_full {background-image: url(http://img.webme.com/pic/t/thraves-sieera-wowgilde/banner-wow3.jpg); background-repeat: no-repeat; width: 900px;

height: 200px;}
td.headline {visibility: hidden;color:#FFFFF;font-size:20px;font-family:Arial;text-align:center;}
td.headline2{color:#FFFFF;font-size:12px;font-family:Arial;text-align:center;}
td.nav_heading {color:#FFFFF;font-size:20px;font-family:Arial;text-align:center); height: 25px; color: #FFFFFF; font-size: 12px;}

td.nav {background-image: url(http://img.webme.com/pic/t/thraves-sieera-wowgilde/menuklein.jpg);height: 20px;padding-left:26px;}

td.nav:hover {background-image: url(http://img.webme.com/pic/t/thraves-sieera-wowgilde/menuklein.jpg); background-repeat: no-repeat;padding-left:26px;}

td.nav.checked_menu {background-image: url();padding-left:26px; }

td.edit_navi_headbg {background-image: url(); height: 0px;padding-left:0px;padding-right:10px;}
td.edit_below_nav {visibility: hidden; background: (URL):}
td.edit_content_top {background-image: url(http://img.webme.com/pic/t/thraves-sieera-wowgilde/content_bottom.gif); height: 20px; color: #FFFFFF; font-size:

11px;}
td.edit_content {background-image: url(); background-color: #FFFFFF;}
td.edit_content_bottom {background-image: url(); background-color: #FFFFFF;}
td.edit_content_bottom2 {background-image: url(http://img.webme.com/pic/t/thraves-sieera-wowgilde/content_bottom.gif); height: 20px;}
td.edit_rechts_cbg {background-image: url();}
td.sidebar_heading {background-image: url(); height: 25px; color: #FFFFFF; font-size: 11px;}
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5 {background-image: url(); background-color: #FFFFFF;}
td.edit_rechts_bottom {background-image: url();}
td.edit_rechts_sbg {background-image: url();}
td.edit_rb_footer {background-image: url();}
-->
</style>

<style typ= "text/css">
<!--
.edit_main_table,.edit_main_tr,.edit_second_table{
width:695px!important;}
.edit_rechts_cbg,.edit_third_table,.edit_rechts_tabelle{
width:695px!important;}
-->
</style>

<style type="text/css">
<!--
td#nav_Abstand1{visibility:hidden;height:5px;font-size: 1px;}
-->
<!--
td#nav_Abstand2{visibility:hidden;height:5px;font-size: 1px;}
--><!--
td#nav_Abstand3{visibility:hidden;height:5px;font-size: 1px;}
-->
<!--
td#nav_Abstand4{visibility:hidden;height:5px;font-size: 1px;}
-->
<!--
td#nav_Abstand5{visibility:hidden;height:5px;font-size: 1px;}
-->
<!--
td#nav_Abstand6{visibility:hidden;height:5px;font-size: 1px;}
-->
<!--
td#nav_Abstand7{visibility:hidden;height:5px;font-size: 1px;}
-->
</style>


Zuletzt bearbeitet von 6p-iceblue am 15.01.2011, 15:26, insgesamt einmal bearbeitet
Beitrag15.01.2011 um 14:24 (UTC)    
Titel:

wäre sehr nett.^^
ja hab glaub ich ins falsche forum gepostet gehabt.
deswegen hier neu.^^
Beitrag15.01.2011 um 14:27 (UTC)    
Titel:

du findest den code in meinen vorherigen beitrag. du musst das rote dann für dich anpassen.

gruss gringo

tip: du kannst das design dann auch mittig machen. einfach <center> vor dem designcode setzen.

gruss gringo

noch ein fehler: td.nav.checked_menu ist falsch. es müsste heissen tr.checked_menu td

nur mal erwähnt, falls du das mal nutzen möchtest.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 15.01.2011, 15:40, insgesamt 3-mal bearbeitet
Beitrag15.01.2011 um 14:42 (UTC)    
Titel:

huhu, schonmal danke dir .

aber wenn ich das nun so einfüge verändert sich der text "wähle dein ziel"
mittig und die navi selbst wird kleiner also die quetscht sich zusammen.

siehe hier:
http://img.webme.com/pic/t/thraves-sieera-wowgilde/navi.jpg

ich hab mal mit nem bildbearbeitungsprogrmm das so gemacht wie ich das wollte eventuell hilft dir das etwas weiter mich zu verstehen.^^

siehe hier:
http://img.webme.com/pic/t/thraves-sieera-wowgilde/navi2.jpg

lg
Beitrag15.01.2011 um 14:48 (UTC)    
Titel:

da das feld eh nicht unbedingt gebraucht wird, entferne es einfach.

Code:
td.nav_heading {color:#FFFFF;font-size:20px;font-family:Arial;text-align:center); height: 25px; color: #FFFFFF; font-size: 12px;}


änderst du in

Code:
td.nav_heading{display: none}


zur not müssen die buttons der navigation einfach mal geändert werden.

gruss gringo



hier, versuch mal den. da die höhe im code mit 25 angegeben ist, hab ich ihn gleich so geändert. dein eigentlicher ist nämlich 33 pixel hoch.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 15.01.2011, 15:54, insgesamt einmal bearbeitet
Beitrag15.01.2011 um 14:54 (UTC)    
Titel:

deine hilfe ist liebenswürdig, aber dann ist mein "wähle dein ziel" weg.^^
es geht nicht um den text es geht um "home" und "news" zb.^^
das soll zentriert werden =D und das geänderte bild iwar zu klein.^^


Zuletzt bearbeitet von thraves-sieera-wowgilde am 15.01.2011, 16:00, insgesamt einmal bearbeitet
Beitrag15.01.2011 um 15:00 (UTC)    
Titel:

ich dummerchen hab dir natürlich was falsche gepostet.

edit: ich hab den code mal bei mir eingefügt und musste feststellen, das er voller fehler und unvollständig ist. wenn du magst, dann setz ich mich mal ran und ändere dir das. vor montag wird es aber nichts.

die schrift in der navigation soll so sein, dass sie neben den zeichen ist, oder direkt zentriert (das sieht dann aber nicht gut aus).

sollen rechte boxen komplett verschwinden?

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



Zuletzt bearbeitet von 6p-iceblue am 15.01.2011, 16:10, insgesamt einmal bearbeitet
Beitrag15.01.2011 um 15:18 (UTC)    
Titel:

"ich hab den code mal bei mir eingefügt und musste feststellen, das er voller fehler und unvollständig ist. wenn du magst, dann setz ich mich mal ran und ändere dir das. vor montag wird es aber nichts."

also das was fehlte kam ich auch auf die idee gerade xD
ähm den css text find ich soweit okay hab den bei meiner haupt homepage auch. das problem ist nur bei dieser homepage mit dem menu link text,
da muss man doch keinen ganzen neuen text schreiben für oder o.O

"die schrift in der navigation soll so sein, dass sie neben den zeichen ist, oder direkt zentriert (das sieht dann aber nicht gut aus)."

direkt rechts zentriert neben dem button/zeichen.

"sollen rechte boxen komplett verschwinden?"
ich hab doch rechts gar keine.^^

liebe grüße.
Beitrag15.01.2011 um 15:26 (UTC)    
Titel:

sicher das die rechten boxen komplett ausgeblender sind?

ich hab mal ein punkt in eine rechte box gemacht.

http://yswyg.de.tl

das bedeutet, das die boxen da sind, aber ohne inhlt. wenn boxen komplett ausgeblendet sind, dann endet das textfeld nämlich auch direkt unter dem rechten rand des haeders.

so wie hier: http://6p-bilder.de.tl

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

Beitrag15.01.2011 um 15:29 (UTC)    
Titel:

also die box soll weg ansonsten ist es genau so wie ich es mir gewünscht hatte
bei http://yswyg.de.tl :3 wenn du die box rechts noch weg bekommst wäre super.

ich freu mich voll das sieht richtig gut aus !
Beitrag15.01.2011 um 15:35 (UTC)    
Titel:

alles klar. ich werde dann noch ein paar änderungen vornehmen wenn es dir recht ist.

über dem textfeld der balken, den verlängere ich nach links. dann steht darin der titel der navigation. ich mach ihn auch etwas höher, damit er nicht so verloren ist. das textfeld färbe ich dann ein. weiss passt nun garnicht.

mit dem haeder muss ich etwas tricksen.

das design mitsamt werbung ist dann zentriert.

welchen farbton soll der hintergrund der seite bekommen?

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

Beitrag15.01.2011 um 15:44 (UTC)    
Titel:

schau mal gerade bei mir rein. ich hab mal den quelltext reinkopiert.
also bei mir is nun die box weg und das menu richtig und bin glücklich.^^
banner tausch ich gerade nur aus das die größe passt.^^

kann ich den quelltext so übernehmen ???

aber wenn du willst kannst du ja noch was umbasteln wie du angeboten hast.
ich würde mich drüber freuen. ich bin so selten am basteln. x,x

das einzige was ich nun noch als frage hätte wie man das ändern kann,
wäre. wenn du zb auf home klickst. dann steht doch home auch rechts über dem großen textfeld in gelb gold. kann man sas noch mittiger setzten?^^
Beitrag15.01.2011 um 15:51 (UTC)    
Titel:

ja, so passt es nun bei dir.

den seitentitel kann man nicht weiter verschieben. man kann ihn aber auch ausblenden und damit man weiß auf welcher seite man sich befindet, gibt es die möglichkeit mit dem checked menü. das zeigt dir dann in der navigation entweder einen anderen button oder eine andersfarbige schrift, bei der seite wo man sich gerade befindet.

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

Beitrag15.01.2011 um 15:59 (UTC)    
Titel:

ja gut dann danke ich dir das kleine ding mit dem text kann ich verkraften.^^
mein gott danke das design sieht dank dir nun richtig gut aus !
ich danke dir von herzen !!!! *vote 4*

ganz liebe grüße
Beiträge der letzten Zeit anzeigen:   


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