ich finda das ganz gut, eine menge information auf engem raum darzustellen.
nur am rechten rand, das 'fotos auf der webseite' feld hat erstmal nen englischen untertitel 'more photos' und dann haengt das vergroesserte bild beim maus-ueber aus dem rand heraus.
aber als theme sonst dem zweck angepasst - gut.
Beiträge von alchymyth
-
-
zB etwa wie :
die variablen sind hier. -
das untermenu scheint nur bei der aktiven seite zu erscheinen.
wenn du dann den style dafuer erweiterst, scheint es zu gehen. frag' nicht warum, zumindest mit firefox:Code#menu li.current_page_item [COLOR=green]ul[/COLOR] a { color:#xxxxxx; padding: 2px 0px 2px 0px; }
ps:CMSFan - wie ein fussballfan, gerne zugucken, aber keine ahnung?
als ich im sommer am strand volleyball gespielt habe, hiess es immer; magst du volleyball? - warum lernst du es dann nicht? -
-
du brauchst ziemlich gute kenntnisse in html, css, und eine idee von php.
erster schritt: setze deine idee in eine staische webseite um, mit all den elementen die du brauchst: header, navigation, seitenbar, footer - und alles formattiert mit style.css, alle grafiken, bilder, text formattierung, usw.
ueberlege was du von wordpress brauchst: archiv?, kommentare?, kategorien?, usw.
zweiter schritt: 'zerschneide' die html datei in teile und bau die wordpress php befehkle ein (beispiel anleitung in englisch). -
ich freue mich mit dir.
ich habe dadurch auch wieder mehr gelernt.
ich hab deinen blog in meine favoritenliste aufgenommen, mal sehen dass ich zeit finde und brotbacken probiere.
danke und tschuess erstmal. -
zwischen dem ende von </head> und dem beginn von <body> sind eine ganze menge divs and scripts, die dort sicher nicht hingehoeren.
irgendetwas mit 'target4ad2net' ? koennte im header.php stehen. -
ich glaub, das ist jetzt der letzte schritt, war auch ein bischen verwirrend mit all den aenderungen:
Code#nav ul li a{ padding: 5px 7px 6px 7px; text-decoration: none; color: [COLOR=darkorange]#000000[/COLOR]; /*das ist die farbe des links #000000 fuer schwarz*/ display: block; }wenn da #000000 drin steht, sollte es eigentlich klappen.
daumen druecken!:?
ps: oder koenntest du #800000 reinschreiben, dann hat es dieselbe farbe wie der andere text. -
ich glaub, ich hab's.
Code
Alles anzeigen#nav ul li a{ padding: 5px 7px 6px 7px; text-decoration: none; color: #[COLOR=seagreen]000000[/COLOR]; /*das ist die farbe des links #000000 fuer schwarz*/ display: block; } #nav li a:visited{ text-decoration: none; [COLOR=red]/* color: #ffffff; */ /*das hat hier immer dazwischen gefunkt*/[/COLOR] } #nav li a:hover, #nav .current_page_item a{ text-decoration: none; background: #800000 /*url(images/nav-item-hover.gif) repeat-x*/; color: #F5F5DC; /*das ist dann die farbe im aktiven link #F5F5DC fuer fast weiss*/ }
alles zwischen [COLOR=sandybrown]/*......*/[/COLOR] einschliesslich ist kommentar und kann geloescht werden.
also das 'color:#ffffff' kannst du entweder auskommentieren oder entfernen.
du taetest mir einen grossen gefallen, wenn du das als letztes noch mal probieren wuerdest, ich kann soinst bestimmt nicht ruhig schlafen.:???:
vielen dank und besten gruss,
michael (in irland, daher keine umlaute:-D) -
ja, jetzt ist alle schrift weiss; daher noch mal genau in der style.css nachsehen:
Code#nav ul li a{ padding: 5px 7px 6px 7px; text-decoration: none; color: #000000; [COLOR=darkorange]/*das ist die farbe des links #000000 fuer schwarz*/[/COLOR] display: block; } #nav li a:visited{ text-decoration: none; color: #ffffff; [COLOR=darkorange]/*das ist dann die farbe im aktiven link #ffffff fuer weiss*/[/COLOR] }
ps:ich wuenschte, ich koennte brot backen so schnell lernen, wie du hier styling lernst.:mrgreen:
gruss, michael -
-
echt gut soweit.
ZitatIch hoffe ich bin nicht unverschämt mit der vielen Fragerei.
dafuer ist das forum ja da.:-D
die navigations farbe steht hier drin (style.css):Code#nav li a:hover, #nav .current_page_item a{ text-decoration: none; background: [COLOR=seagreen]#800000[/COLOR] [COLOR=red]/*url(images/nav-item-hover.gif) repeat-x*/[/COLOR]; color: #F5F5DC; }
nav-item-hover.gif ist ein blaues hintergrundbild, das weg muss.
das rot markierte kannst du entweder so aendern wie es da steht oder ganz entfernen.
das mit dem rotierendem dings ist nicht mein gebiet, da kann vielleicht jemand anders helfen. -
floffimedia
da ist ein anderer beitrag von 'flame' mit dem link zur seite ein paar tage vorher.
da ist wirklich kein #wrap drin.
Flame[COLOR=red]Hier[/COLOR][COLOR=#800080] [/COLOR]ist mal der Link zum Theme.
Die Seite alleine bringt eher wenig, wenn man das Theme nicht kennt, oder? :)
die seite UND das theme bringt am meisten!
es ist naemlich einfacher mit dem firebug eine bestehende seite zu untersuchen als theoretisch in einem theme 'rumzusuchen. -
die weite des themes ist in einigen divs beeinflusst - #page, #header, #headerimg, #main, #footer. und die werden dynamisch von der style.css.php erstellt. ausserdem ist der hintergrund in mehreren grafiken angelegt.
wenn eine zweite sidebar sogar das weite theme sprengt, wuerde ich mal den entwickler kontaktieren.:???: -
da gibt es eine menge schwarze schrift auf schwarzem grund (#000000), ebenso weiss auf weiss (#ffffff). uebrigens muss bei der farbangabe entweder 3 oder 6 stellen sein. da hilft nichts als das style.css mal auszudrucken und in ruhe durchzuschauen. der dreamweaver kann evtl mit eine css validierung helfen.
-
in der style.css:
Code
Alles anzeigenbody { background: [COLOR=seagreen]#999900[/COLOR] /*[COLOR=red]url(images/html-bg.gif) repeat-x[/COLOR][COLOR=black]*/[/COLOR]; font: 75%/170% Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #333333; } ... #page { background: [COLOR=seagreen]#999900[/COLOR] /*[COLOR=red]url(images/main-bg.jpg) no-repeat center top[/COLOR][COLOR=black]*/[/COLOR]; }
das gruene aendern, das rote auskommentieren - vielleicht fuer spaeter wenn du ein gesamthintergrundbild einfuegen willst. dann ist das ein flacher einfarbiger hintergrund.
nb: alles zwischen /* .... */ gilt als kommentar in der style.css. -
Code
#header { height: 120px; background: [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"][COLOR=#000000]url[/COLOR][/URL][COLOR=red]([/COLOR][URL="http://www.ketex.de/ebay/kollage.jpg"][COLOR=#0066cc]http://www.ketex.de/ebay/kollage.jpg[/COLOR][/URL][COLOR=red]) [/COLOR]top center no-repeat; }
die klammern sind wichtig. hast du sie style.css auch hochgeladen?
und KEIN LEERZEICHEN zwischen url und der klammer. -
-
ich bin leider kein php experte, aber ich wuerde die abfrage 'is_home' einsetzen -
das sollte den langen titel jedesmal nur auf der home page anzeigen:
PHP<title><?php bloginfo('name'); ?> <?php if ( is_home() ) { ?> Autobewertung :: Fahrzeugbewertung :: Motorradbewertung :: Oldtimerbewertung Online |<?php } ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?> </title>
keine garantie dass das funktioniert. -
das was du in i-theme siehst, ist ein grosses hintergrundbild 1024*559 px in images/main-bg.jpg im theme folder und ist hintergrund fuer #page.
#header ist 770px weit, 120px hoch - da kannst du ein hintergrundbild fuer die blogueberschrift dranhaengen.
in der style.css des themes:Code#header { height: 120px; [COLOR=seagreen]background: url(images/meinbild.jpg) top center no-repeat;[/COLOR] }
das bild kann natuerlich auch meinbild.png oder meinbild.gif sein.
wenn das bild weiter nach unten gehen soll, dh. hoeher als 120px sein soll, dann ist es besser als hintergrund fuer #wrapperCode#wrapper { width: 770px; margin: 0px auto; position: relative; [COLOR=seagreen]background: url(images/meinbild.jpg) top center no-repeat;[/COLOR] }
dann kann es jede hoehe haben die du willst.