Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.11.2013 um 20:38 (UTC)    
Titel: Einzug bei den Navigationsbutton ändern

Huhu ich hab eine frage wie kann ich den Einzug verkleinern bei den Navigationsbutton???

Wie zum Beispiel Gästebuch, Kontakt etc.

Das hier ist meine Seite http://jessis-zebrafinken.de.tl/

Würd mich freuen wenn mir schnell jemand helfen kann Smile

Und dies hier hab ich mit einen Generator gemacht.....

<style type="text/css"><!-- /* Generated by www.design-generator.de.tl */ body{background: url(http://img.webme.com/pic/j/jessis-zebrafinken/background.png) #FFFFFF scroll repeat;} td.edit_header{background: url(http://img.webme.com/pic/j/jessis-zebrafinken/header.png) #FFFFFF no-repeat;} td.edit_content_header{background: url(http://img.webme.com/pic/j/jessis-zebrafinken/htitel.png) #F5F5F5;} td.Stil3{display:none;} td.content_over{display:none;} td.edit_content_bg{background: url() #F5F5F5;} td.cont div{color:#000000;font-family:Tahoma;font-size:11px;} td.cont_bottom img{visibility: hidden!important;} td.cont_bottom{background: url(http://img.webme.com/pic/j/jessis-zebrafinken/uheader.png) #F5F5F5;} .Stil2{color: #FFFFFF;} td.edit_navhead{background: url(http://img.webme.com/pic/j/jessis-zebrafinken/button2.png) #FFFFFF;} td.edit_navi_top,td.edit_navi_bg{background: url();} td.edit_nav_klein{display:none;} td.edit_button_bg{background: url(http://img.webme.com/pic/j/jessis-zebrafinken/button.png) #FFFFFF;} td.edit_button_bg:hover{background: url(http://) #FFFFFF;} td.nav_mini img,td.edit_navi_top img{visibility:hidden;} a.rednav,a.rednav:hover,a.rednav:visited{color:#000000;font-family:Arial;font-size:14px;}td.edit_rechts_header2,td.edit_rechts_bg{background-image:none;background-color:transparent;}td.rb_footer{background-image:none;}td.edit_rechts_header{background-image:url(http://);background-color:transparent;}td.edit_main_bg,td.content_over,td.edit_page_main_bg,td.edit_page_main2,td.edit_zeile,td.edit_zeile2,td.edit_zeile3{background-image:none;background-color:transparent;}td.rb_footer img,td.rb_bottom img,td.rb_bottom img{visibility:hidden;}td.edit_links_bg,td.edit_bottom_bg,td.edit_rechts_bg_unten,td.rb_right_mini,td.edit_page_main_top{background-image:none;background-color:transparent;}td.edit_bottom_bg img,td.td.edit_links_bg img{visibility:hidden;}--></style>
Beitrag30.11.2013 um 21:13 (UTC)    
Titel:

Beitrag06.12.2013 um 05:56 (UTC)    
Titel: Navi-Button einrücken

Leider weiß ich nicht genau, was du mit „Einzug verkleinern“ meinst. Alles nach links schieben dürfte m. W. nicht so einfach gehen, weil alles auf „0“ steht.

Falls du den Text optisch von der Grafik (Vogel) nach rechts trennen willst dann so:

Setze bei “a.rednav,a.rednav:hover,a.rednav:visited{color:#000000;font-family:Arial;font-size:14px;}” hinter “14px;” noch ein: padding-left:15px; dann erst die Klammer.

Also: a.rednav,a.rednav:hover,a.rednav:visited{color:#000000;font-family:Arial;font-size:14px; padding-left:15px;}

Das müsste zum Einrücken reichen, ansonsten wenn dir dies zu weit rechts ist, wähle eine kleinere Zahl als 15, willst du noch weiter nach rechts, nimm eine größere Zahl als 15.

Hier zusätzlich ein paar Vorschläge, probiere es mal aus (ist reine Optik):

Ich würde dir empfehlen, den jeweiligen Button Text so kurz wie möglich zu fassen (bestenfalls 2-zeilig) und auch nicht in Fettschrift, damit ziehst du alles etwas enger zusammen und es sieht optisch besser aus.

Weiterhin würde ich nur eine Schriftgröße von 13 px wählen, ist zwar kleiner, aber m. E. wirkt sie übersichtlicher. Wenn, dann in dem Text oben hinter font-size: „14px“ ändern in „13px“.

Außerdem würde ich bei deiner eigenen Grafik „http://img.webme.com/pic/j/jessis-zebrafinken/button.png“ die Höhe von 28px auf mindestens 33px, ggf. noch mehr vergrößern, so hast du mehr Platz im Button und es sieht nicht so gedrängt aus (ich hatte bei meiner 30px, das war mir zu klein, 35px aber zu groß, also habe ich jetzt 33px).

Viel Erfolg
Beitrag07.12.2013 um 01:47 (UTC)    
Titel:

Hallo Jessi,

ich würde zunächst erstmal den Button einfach umdrehen (horizontal)

siehe:

dann dem ganzen einen Hovereffekt verpassen und natürlich keine "Romane" in den Navititel schreiben wie: Fütterung von Zebrafinken mit Fischfutter

das ist ja auch viiiiiiiel zu lang - reicht das ganze einfach "Fütterung" zu benennen Wink
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beitrag08.12.2013 um 18:42 (UTC)    
Titel:

ich hab mir mal deinen code aufgedrudelt und fix drüber geschaut.
da ist ganz schön viel mist drin, den du gar nicht brauchst oder der überhaupt keine definition besitzt. zb kannst du ganz einfach deinen hintergrund ohne ne grafik einsetzen zu müssen mit dem befehl

<style type="text/css">
<!--
html{
background-color:#DF0101;
}
-->
</style>

oder auch mit

<body bgcolor="#DF0101">
</body>

rot einfärben Wink

für die navigation kann man ne sehr elegante version codieren, ähnlich der navigation auf meiner seite. eine grundierung mit dem finkenbild als hintergrund und für den hover nochmal das bild nur in anderer farbe. da kann man da auch definieren, wo die schrift zu stehen hat (:
würde dir sowieso empfehlen mit <li> tags zu arbeiten.
wenn du willst, können wir da gemeinsam mal was schreiben.

lg
piqe
Beitrag08.12.2013 um 18:48 (UTC)    
Titel:

ahh ganz vergessen zu sagen:

ganz wichtig zwecks ner rechtlichen sache!!
du hast nen fb-like button auf deiner seite. seit paar monaten ist jeder website-betreiber verpflichtet, dazu nutzungsbedingungen bezüglich des like-buttons in seinem impressum reinzuschreiben!

dazu kannst dich auf facebook oder über googlesuche schlau machen, gibt nen riesenlangen standardtext dafür Wink

ansonsten kann sonstwer kommen und dich anzeigen. sowas wird meist teuer. von daher leg dir entweder schnell ein impressum an und mach über die nutzungsbedingungen aufmerksam oder nimm den like-button wieder raus.

lg
piqe Smile
Beitrag09.12.2013 um 02:11 (UTC)    
Titel:

piqeArtworks hat Folgendes geschrieben:
ahh ganz vergessen zu sagen:

es gibt hier die edit-Funktion, hättest du in dein erstes Posting mit reinschreiben können - Doppelposts sind hier nicht gern gesehen

zum Thema Nutzungsbedingungen, trifft das nicht nur auf den Like-Button zu, sondern ganz im allgemeinen für die Nutzung einer HP, auch betreffs googleanalytics, Cookies usw.

schon wenn man hier ein Gästebuch oder die Kommentarfunktion aktiviert sind solche Nutzungsbedingungen eigentlich Pflicht, weil personenbezogene Daten wie zB die IP-Adresse erhoben werden

wer auf Nummer Sicher gehen will fügt diese Nutzungsbedingungen bei sich ein auch wenn kein Like-Button geschaltet ist

Beispiel so muss es aussehen:

Arrow http://www.klein-paris.eu/Datenschutzerkl.ae.rung.htm

piqeArtworks hat Folgendes geschrieben:
für die navigation kann man ne sehr elegante version codieren, ähnlich der navigation auf meiner seite. eine grundierung mit dem finkenbild als hintergrund und für den hover nochmal das bild nur in anderer farbe. da kann man da auch definieren, wo die schrift zu stehen hat (:
würde dir sowieso empfehlen mit <li> tags zu arbeiten.


was das Codieren eines Designs betrifft, muss man davon ausgehen das, das nicht jeder kann oder sich darein arbeiten will, sondern auf möglichst einfache Art & Weise zu einem Design kommen will und dann eben den Designgenerator nutzt (der garnicht sooooooo verkehrt ist Exclamation) und wenn sie dort für den Body eine Grafik einfügt wirds natürlich auch so generiert, denn sie hat ja die Auswahl zwischen Grafik und Hintergrundfarbe - insofern denke ich, ist das was du da schreibst auch Mist, denn sie kann mit dem was du da zum codieren geschrieben hast sicher nicht allzuviel anfangen, weiss sicher auch nicht was <li>Tags sind und steht weiterhin ziemlich ratlos da, also machts den Leuten die sich damit eben nicht so gut auskennen nicht noch schwerer
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur


Zuletzt bearbeitet von klein-paris am 10.12.2013, 08:57, insgesamt 5-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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