Inserire logo

Salve popolo di Altervista!

Siamo i webmaster del sito http://fmresources.altervista.org/blog/ volevamo chiedervi, se sapevate inserire il logo in alto nel sito!

Se si come?

GRAZIE a tutti per la collaborazione!!

Non ho caito nulla... cosa intendi per "in alto"??? ho visto il sito e vedo un loghino:) sulla sinistra...

Dove c'è scritto FMResources in nero!

Spendere 2 parole in più costa?
forse ti riferisci al titolo del tuo blog? In nero ( palla di vetro per sentire i tuoi pensieri::)).
allora devi agire sullo style.css.
Se ti riferisci alla posizione prima della barra di navigazione allora devi trovare il codice nel file header.php che lo fa apparirre....
Se ti riferisci allo spazio che vedo sopra e sotto il logo, sempre col file style.css
opzioni ce ne sono ancora ma mi fermo....

Allora, la pagina si presenta con un "menu" in alto con scritto "Home", "Contatti" e "Download"

sotto c'è il posto per il logo, dove c'è scritto "FMResources" e poi sotto ancora inizia il blog vero e proprio La scritto "FMResources" la devo sostituire col logo.

i file style.css e header.php si presentano cosi:

STYLE.CSS

*{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;   font-weight: normal; }
ul { list-style: none; margin: 0; padding: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img {border: 0;}
:focus	{outline: 0; }
.clear	{clear: both;}
.fleft 	{float:left;}
.fright {float:right;}
.pr30{padding-right: 30px;}
.pl30{padding-left: 30px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}
body{background:#bababa;font-family:Arial, Helvetica, sans-serif;font-size:12px;border-top:3px solid #000;color:#000000;}
a,a:visited{text-decoration:none;color: #0053A4}
	a img, a:visited img{border: none;}
blockquote{background: url(images/bq.gif) no-repeat scroll 15px 0px;padding: 25px 0 0 15px;border-left: 1px dotted #ccc;}
code {background : #cccccc;padding-left:3px;padding-right:3px;text-align:left;}
#wrapper{margin:0 auto;padding:0;width:960px;}

.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft { float: left;}
.alignright {float: right;}

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
	.wp-caption img {margin: 0;padding: 0;border: 0 none;}
	.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}


/*---:[ Header ]:---*/
#header{padding:0px 0 50px;}
h1#blogtitle a {float: left;font-family:"Helvetica Neue",Helvetica, Arial,Verdana;font-size: 35px;color: #000;font-weight: bold;margin: 40px 0 0 ;}

ho provao ad aggiungere in fondo la seguente dicitura dentro a h1#blogtitle:

background:url("http://fmresources.altervista.org/blog/wp-content/uploads/2012/02/logoBIG.jpg");

ma non è cambiato nulla

Header.php

<?php 
function kreative_wp_head() {
	$kt =& get_instance();
	
	$jquery = $kt->config->item('jquery_source', 'optimize');
	
	if (in_array($jquery, array('cdn-google')))
	{
		?>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>	
		<?php 
	}
	else 
	{
		?>
		<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.min.js"></script>
		<?php	
	}
	
	if ($kt->config->item('enable_cufon', 'general') == 'true') : ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/cufon-yui.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/vegur_400-vegur_700.font.js"></script>
<script type="text/javascript">
<!--
jQuery(function() {
	Cufon.replace('h1.maintitle');
	Cufon.replace('h1#blogtitle');
});
-->
</script>
		
	<?php endif;
}

add_action('wp_head', 'kreative_wp_head');

Spero di esser stato più preciso, e mi scuso per il tempo che ti faccio perdere.

Non volevo essere polemico, solo che non è facile cercare di aiutare immaginando...

Allora la tua immagine è 342x128 quindi qualcosa la ridimensiona facendola apparire piccola.

Nel css /*---:[ Header ]:---*/

#header{padding:0px 0 50px;} ----------> questo crea gli spazi su e giu ( il 50px)

per nascondere il titolo nero : o elimini o metti display:hidden;

così

h1#blogtitle a {float: left;font-family:"Helvetica Neue",Helvetica, Arial,Verdana;font-size: 35px;color: #000;font-weight: bold;margin: 40px 0 0 ; display:hidden;}


questo dov'è il codice del logo nel file php

<div id="logo"><a href="<?php echo get_option('home'); ?>"><img src="http://fmresources.altervista.org/blog/wp-content/uploads/2012/02/logoBIG.jpg" alt="<?php bloginfo('name'); ?>" /></a></div>

e nel css
#logo{float: left; display: inline;}

poi aggiusti tu con padding o margin dove lo vuoi... float:left lo mette a sinistra!


spero di non aver fatto troppo casino...

no casino no, sono perito informatico un po' di cose le capisco.. ho un paio di dubbi, la parte del css:

#logo{float: left; display: inline;}

io l'ho messo sempre nella sezione header.

per il file php io non so dove vada, perchè il codice che ti ho trascritto tutto il codice del file header.php, ma non ci capisco 'na mazza di dove va messo, scusami e grazie ancora!!!

#logo{float: left; display: inline;}
va messo nel file stile.css

--------------------------------------------------------------------------
trova questo codice (quello che mostra il nome del sito in nero

<h1 id="blogtitle"><a href="<?php bloginfo('url'); ?>">FMResources</a></h1>

e metti questo

<div id="logo"><a href="<?php echo get_option('home'); ?>"><img src="http://fmresources.altervista.org/blog/wp-content/uploads/2012/02/logoBIG.jpg" alt="<?php bloginfo('name'); ?>" /></a></div>

Ciao,

ho sostituito il logo, come puoi ben vedere, ma non capisco perché lo vedo "tagliato"...

Arieccoci... ora devi lavorare sul css e metterlo dove ti piace.

#logo{float: left; display: inline;}
aggiungi padding:30px;

#logo{float: left; display: inline;padding:30px;}

esempi:
padding:25px 50px 75px 100px;

top padding -> 25px
right padding -> 50px
bottom padding -> 75px
left padding -> 100px

per più info su css ti consiglio w3schoolshttp://www.w3schools.com/css/css_padding.asp

ti ringrazio per la pazienza e per l'aiuto!!!!!