ik heb zojuist de foto/logo vraag beantwoord in een ander topic http://nl.forums.wordpress.org/topic/logo-ipv-site-naam?replies=2#post-15033
overigens krijg ik een domein geparkeerd melding als ik op je link klik.
wat betreft de navigatie balk kan je een padding boven en onder toevoegen aan het menu element.
wat betreft de achtergrond, op w3schools wordt het tot in de puntjes uitgelegd.
http://www.w3schools.com/css/css_background.asp
als je nog meer hulp nodig hebt hoor ik het wel.
bedankt voor je antwoord. Plaatje is gelukt, moet nog wel wat bijgeschaafd worden.
als je op de link klikt vergeet dan niet : /wordpress
er aan toetevoegen. Site is nog niet live namelijk.
Zag namelijk dat het laatste gedeelte niet in de link staat.
Over het padding verhaal:
#navlist {
border:3px;
padding:0 0 0 20px;
margin:0;
background-color:#09f;
font-family:verdana,sans-serif;
font-size:12px;
font-weight:bold;
}
dit bovenstaande staat in style.css en wordt gebruikt in header.php. neem aan dat ik hier het padding verhaal in moet veranderen. Tip?
Achtergrond ga ik de volgende avond mee stoeien na het werk.
Kan je trouwens ook achtergrond (bijvoorbeeld vierkant wit) laten opkomen zodra je op een navigatieknop drukt, waarin dan de tekst komt te staan. Nu staat het ‘zwevend’ in de achtergrond.
#navlist { border:3px; padding:10px 0 10px 20px; margin:0; background-color:#09f; font-family:verdana,sans-serif; font-size:12px; font-weight:bold; }
met deze code heeft het menu een padding van 10 pixels aan de boven en onderkant
soms kan het zo simpel zijn, was de px vergeten. Ga me meer verdiepen in het hele gebeuren.
Via deze code:
<div id=”hd”>
<div class=”headersearch”>
</div>
” title=”<?php bloginfo(‘name’); ?>”>
<img src=”<?php bloginfo(’template_directory’); ?>/images/a1.gif” alt=”<?php bloginfo(‘name’); ?> logo <h1> “><?php bloginfo(‘name’); ?></h1>
</div>
<div class=”description”>
<?php bloginfo(‘description’); ?>
</div>
Staat het plaatje goed, met een tekst, alleen die moet nu gewoon een standaard tekst worden, ipv website titel. Dit alles in een kader zoals bovenaan op de website is te zien. Als ik de code verplaats naar boven, wordt het vlak niet groter.
Geld hier ook het padding verhaal? Kan het namelijk nergens terug vinden, of gaat het op een andere manier.
Nogmaals, bedankt alvast voor al je hulp, voel me echt weer een beginner ondertussen.
Piet, het is handig als je code in de code tags zet, dan vallen sommige delen niet weg en is het makkelijker leesbaar.
<div id="hd"> <div class="headersearch"> </div> " title="<?php bloginfo('name'); ?>"> <img src="<?php bloginfo('template_directory'); ?>/images/a1.gif" alt="<?php bloginfo('name'); ?> logo <h1> "><?php bloginfo('name'); ?></h1> </div> <div class="description"> <?php bloginfo('description'); ?> </div>
Is het zo beter leesbaar?
zo, nu staat het logo en de tekst met onderschrift in de balk.
Het volgende is dan: uitlijnen van logo en tekst (horizontaal) (logo is te hoog) en dan de kantlijn; dat logo en onderschrift onder elkaar staan.
Is hier een commando voor, of moet alles op een andere manier gedaan worden?
Hieronder een stukje code:
</head> <body> <div id="wrapper" class="yui-t6"> <div id="hd"> <div class="headersearch"> </div> <h1><a>" title="<?php bloginfo('name'); ?>"> <img src="<?php bloginfo('template_directory'); ?>/images/a1.gif" alt="<?php bloginfo('name'); ?> logo </a><a> Telecom</a> </h1>. <div class="description"> <?php bloginfo('description'); ?> </div> </div>
