www.MegaLab.it

da **Martina Stella** » dom nov 07, 2010 1:19 pm

Ciao a tutti sto preparando un nuovo tema per il mio blog e vorrei effettuare alcune modifiche
qui potete vedere il tema come è ora(sito di prova): http://vampirelove.altervista.org/blog/

Le cose che vorrei fare sono principalmente due: inserire un immagine nella testata e unire le due sidebar laterali in una sola più larga. Qualcuno potrebbe gentilmente aiutarmi?

da **Martina Stella** » dom nov 07, 2010 9:07 pm

Ho risolto con la sidebar ora vorrei inserire un'immagine nella testata nel tema che non la prevede di suo. Come devo muovermi? Cioè carico l'immagine nella cartella del tema e poi come la richiamo in header.php? E nel CSS come la definisco, tenendo presente che la vorrei in posizione centrata, dove ora c'è il titolo del sito?

da **Andy94** » dom nov 07, 2010 11:34 pm

Posta il contenuto del file header.php all'interno del tag MEMO che poi vediamo come muoverci.

Tu hai detto che vuoi metterla al posto del titolo, dico bene?

da **Martina Stella** » lun nov 08, 2010 5:33 pm

Si esatto e vorrei fosse cliccabile, cioè che riporti alla home.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="description" content="<?php bloginfo('description') ?>" />
<title><?php wp_title( '|', true, 'right' ); ?> </title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/glide.css" media="screen" />

<?php
wp_enqueue_script('jquery');
wp_enqueue_script('cufon', get_stylesheet_directory_uri() . '/js/cufon.js');
wp_enqueue_script('Rockwell', get_stylesheet_directory_uri() . '/js/Rockwell_Std_300.font.js');
wp_enqueue_script('scroll', get_stylesheet_directory_uri() .'/js/scroll.js');
wp_enqueue_script('mousewheel', get_stylesheet_directory_uri() .'/js/mousewheel.js');
wp_enqueue_script('Effects', get_stylesheet_directory_uri() .'/js/effects.js');
wp_enqueue_script('sprinkle', get_stylesheet_directory_uri() .'/js/sprinkle.js');
wp_enqueue_script('jquery-ui-personalized-1.5.2.packed', get_stylesheet_directory_uri() .'/js/jquery-ui-personalized-1.5.2.packed.js');
?>

<script type="text/javascript"><![CDATA[//><!]]></script>

<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php
if ( is_singular() ) wp_enqueue_script( 'comment-reply' );
wp_head(); ?>

</head>
<body>
<div id="wrapper">
<div id='topbar'>
<?php wp_nav_menu( array( 'container_id' => 'catmenu', 'fallback_cb'=> '','theme_location' => 'primary' ) ); ?>

</div>
<div id="top">

<div class="blogname">
<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>

<?php include (TEMPLATEPATH . '/topad.php'); ?>

</div>
<div class="clear"></div>

<div id="foxmenucontainer">
<?php wp_nav_menu( array( 'container_id' => 'menu', 'fallback_cb'=> '','theme_location' => 'secondary' ) ); ?>

<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
<?php if (is_front_page()) { ?>
<div id="slidearea">
<?php include (TEMPLATEPATH . '/tab.php'); ?>
</div>
<?php } ?>

Grazie mille del tuo aiuto!

da **Andy94** » lun nov 08, 2010 5:42 pm

Devi sostituire queste righe (salva il file originale da qualche parte, così che non ci siano problemi a ripristinarlo in caso di anomalie in futuro):

Codice: Seleziona tutto: <div class="blogname"> <h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1> <h2><?php bloginfo('description'); ?></h2> </div>

Con l'immagine che vuoi visualizzare (tieni il div blogname, ed inserisci l'immagine lì dentro).

da **Martina Stella** » lun nov 08, 2010 5:59 pm

Quindi se ho ben capito

Codice: Seleziona tutto: <div class="blogname"> <img class="alignnone" src="http://img686.imageshack.us/img686/5091/qzlawk1287761713.jpg" alt="" width="237" height="300" /> </div>

Ho messo l'url di un immagine a caso, tanto per fare un esempio. Nel CSS non devo modificare nulla? [grazie]

da **Andy94** » lun nov 08, 2010 8:06 pm

Uhm, l'immagine che saresti intenzionata ad inserire ha quelle dimensioni?
Nel qual caso, ti consiglierei di cambiarla. Come vedi, nella testata del blog c'è quella parte di sfondo "con dei sassetti", leggermente più chiara, all'interno della quale c'era il nome in precedenza. Ora, non puoi modificarne l'altezza perché fa appunto parte dello sfondo, e quindi un'immagine con quelle dimensioni stona (è comunque un parere personale, poi vedi tu).

Sarebbe meglio procedere quando hai perlomeno le dimensioni dell'immagine definitiva, in modo da finalizzare il lavoro (applicare la centratura, inserire il link, modifiche eventuali al CSS, ecc.).

da **Martina Stella** » mar nov 09, 2010 3:16 pm

L'immagine definitiva avrà dimensioni 1000 x 350 (o per 400) ed è quella visibile ora sul sito.
http://vampirelove.altervista.org/blog/

però vedo che non viene perfettamente centrata
per quanto riguarda la parte più chiara sì la vedo ma non posso inserire un'immagine delle dimensione di quello spazio perché sarebbe troppo piccola. Secondo te comunque non c'è proprio modo di toglierla?

da **Andy94** » mar nov 09, 2010 4:47 pm

La parte più chiara c'è sicuramente modo di toglierla, agendo tramite il CSS.
Localizzi questa riga (è una regola che trovi nel selettore body)

Codice: Seleziona tutto: background:url("images/body.png") repeat-x scroll 0 0 #020B0F;

E la modifichi in

Codice: Seleziona tutto: background-color: #020B0F;

Per quanto riguarda l'immagine che vuoi utilizzare come logo, procediamo in questo modo.
- Rimuovi l'intero div blogname, e lascia che l'immagine sia semplicemente dentro al div con id top.
- Nei CSS, all'interno del selettore #top, localizza la riga

Codice: Seleziona tutto: height:138px;

e rimuovila.
- Se poi vuoi inserire il link che rimanda all'homepage, semplicemente racchiudi l'immagine all'interno di un tag A.

da **Martina Stella** » mar nov 09, 2010 6:47 pm

Scusa l'ignoranza. Al momento io ho inserito in header.php queste righe

Codice: Seleziona tutto: <div class="blogname"> <img class="alignnone" src="http://www.tuttowebmaster.it/imgs/0.545065913655893-40.jpg" /> </div>

Intendi questo per "- Rimuovi l'intero div blogname, e lascia che l'immagine sia semplicemente dentro al div con id top."?

E per quanto riguarda il fatto che l'immagine non è centrata, ma almeno a me sembra spostata leggermente a destra? Grazie mille ancora

da **Andy94** » mar nov 09, 2010 7:05 pm

Prendendo come esempio le righe che hai postato sopra, devi rimuovere:
<div class="blogname">
e
</div>

da **Martina Stella** » mar nov 09, 2010 7:42 pm

Fatto tutto quello che mi hai detto, come puoi vedere
http://vampirelove.altervista.org/blog/

Adesso tra l'immagine e il menù c'è uno spazio che vorrei togliere, o meglio ridurre. Poi in basso a destra dell'immagine è comparso un quadratino marrone che non so da dove venga. [uhm]

Come vedi ho tolto la parte chiara. Se posso chiederti un'alta cosa: vorrei differenziare la striscia dove compaiono i nomi delle pagine, quella che sta sopra a tutto per capirci, magari con un colore più scuro? Si può? Grazie infinite, ma proprio infinite!

da **Andy94** » mar nov 09, 2010 8:03 pm

Per centrare l'immagine ti conviene togliere dal selettore .alignnone la regola padding: 5px. Riducendo il margin (dove vedi scritto 10px), rimuoverai parte dello spazio.

Ti chiedo invece di spiegarmi dove vedi il quadratino marrone...? Magari con uno screen, così capisco cosa intendi [^]

Quanto alla striscia, si può. Devi aggiungere la regola background-color al selettore #catmenu ul.

da **Martina Stella** » mar nov 09, 2010 10:04 pm

Grazie della risposta, esaustiva e puntuale come sempre!

Per quanto riguarda il quadratino che vedo, eccolo:

Si trova tra l'immagine e il menù, in basso a destra. Cosa può essere?

da **Andy94** » mer nov 10, 2010 7:00 am

È il div con class .topad. Si vede solo con Internet Explorer (io non lo vedo con Firefox, non so con gli altri browser).
Per rimuoverlo, inserisci nel selettore .topad la regola display: none.

da **Martina Stella** » mer nov 10, 2010 2:47 pm

Andy94 ha scritto:È il div con class .topad. Si vede solo con Internet Explorer (io non lo vedo con Firefox, non so con gli altri browser).
Per rimuoverlo, inserisci nel selettore .topad la regola display: none.

Grazie, io in realtà lo vedo anche con Firefox

da **Andy94** » mer nov 10, 2010 3:09 pm

Io no

Sei comunque riuscita a rimuoverlo con l'indicazione che ti ho fornito?

da **Martina Stella** » mer nov 10, 2010 3:59 pm

Andy94 ha scritto:Sei comunque riuscita a rimuoverlo con l'indicazione che ti ho fornito?

Sì, resta il problema dell'immagine che non è centrata, ma spostata verso destra

da **Andy94** » mer nov 10, 2010 4:33 pm

Ho notato che l'hai reinserita dentro al div blogname... In questo caso è ovviamente spostata a destra.

da **Martina Stella** » mer nov 10, 2010 5:11 pm

Ops avevo sovrascritto il vecchio file, ora mi sembra meglio

http://vampirelove.altervista.org/blog/
l'immagine la vedi centrata?

www.MegaLab.it

Aiuto per modificare tema wordpress

Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Re: Aiuto per modificare tema wordpress

Chi c’è in linea