Come creare questo banner

Discussione e problematiche sui Content Management System (CMS) come Joomla, Drupal e altri.

Moderatori: Caluk, maurizio, Paolob

Regole del forum
Per scrivere del codice all'interno di ogni post, utilizzare il tag: [syntax=il_linguaggio]codice[/syntax] sostituendo "il_linguaggio" con il linguaggio del codice che dovete inserire, ad esempio: html, css, javascript, php, asp, ecc...

Come creare questo banner

Messaggioda matador » giovedì 3 febbraio 2011, 20:43

Ciao a tutti sto realizzando il mio sito e volevo inserire un banner tipo questo
http://www.admwebdesigner.altervista.org/prova.png

i codici da me inseriti sono questi (in tutte le pagine di wordpress):
<div id="banner">
</div>

nel css questo:
#banner {

width:1005px;
height:100px;
background-color: #ffffff;
margin: 0;
padding: 0;
background:url('images/banner.png') repeat;

}


per vedere il risultato basta che andate in http://www.admwebdesigner.altervista.org
e vedete un banner in rosso, bene all'interno di quello vorrei mettere come nell'immagine sopra cioè al passaggio del mouse possono essere cliccabili ed ogni icona porta ad una pagina differente da me creata come faccio?
matador

Avatar utente
 
Messaggi: 23
Iscritto il: martedì 25 gennaio 2011, 13:16

Re: Come creare questo banner

Messaggioda Acid » martedì 8 febbraio 2011, 13:36

Dov'è il banner rosso?
Comunque, non sono ai livelli di Sara e degli altri admin, però una domanda mi sorge spontanea... ma quanto sai di html e css? :?

Così com'è, fai semplicemente un rettangolo bianco con un'immagine ripetuta.

ti manca tutto il pezzo all'interno del div banner, ora non sto qui a crearti tutto il pezzo che dovresti fare te, se no non impari nulla e fai solo copia+incolla.

sarò pure cattivo, ma ti mancano proprio le basi, dentro in quel div dovresti fare un altro div, o semplicemente mettere delle immagini associandole a una classe e con il css le formatti come più ti piace.

una cosa del genere (premetto che non sò niente di wordpress, preferisco drupal)

Sintassi: html [ Scarica ] [ Nascondi ]
  1. <div id="banner">
  2. <a href="http://www.google.it"><img src="img/omg1.png" id="bannerimg" alt =" "></a>
  3. <a href="http://www.google.it"><img src="img/omg2.png" id="bannerimg" alt =" "></a>
  4. <a href="http://www.google.it"><img src="img/omg3.png" id="bannerimg" alt =" "></a>
  5. </div>


dove bannerimg

Sintassi: css [ Scarica ] [ Nascondi ]
  1. img#bannerimg {
  2.      float:left;
  3.      margin:5px;
  4.      padding:5px;
  5.      border:1px solid #ccc;
  6.      ecc
  7.      ecc
  8. }


e niente, mi sembra che anche in worpress esista un page.template dove tu modifichi a tuo piacimento la pagina, non penso che devi inserire le modifiche pagina per pagina.
Acid

Avatar utente
 
Messaggi: 37
Iscritto il: lunedì 20 settembre 2010, 9:58


Torna a CMS