Visualizzazione dei risultati da 1 a 4 su 4

Discussione: aggiungere una foto

  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    44

    aggiungere una foto

    cioa bel forum finalmente mi trovo bene..........

    il problema e sorto quando devo inserire delle immagini, vi posto il codice:
    codice:
    <div class="navigation-container">                        
                                <div id="thumbs" class="navigation">                            
                                    <ul class="thumbs noscript">[*]
                                            <a class="thumb" name="leaf" href="images/imm/grandi/1h.jpg">
                                                [img]images/imm/piccole/1l.jpg[/img]
                                            </a>
                                            <div class="caption">
                                                <div class="page4-box1">
                                                    <p class="p19">Consectetuer adipiscing tesque sed dolor. Aliquam congue fermentum niuris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi aliquet.</p>
                                                    
                                                </div>
                                            </div>
                                        
                						[*]
                                            <a class="thumb" name="leaf" href="images/imm/grandi/2h.jpg">
                                                [img]images/imm/piccole/2l.jpg[/img]
                                            </a>
                                            <div class="caption">
                                                <div class="page4-box1">
                                                    <p class="p19">In pede mi aliquet. Consectetuer adipiscing tesque sed dolor. Sed in lacus ut enim adipiscing aliquet. Aliquam congue fermentum niuris accumsan nulla vel diam. Nulla venenatis. </p>
                                                    
                                                </div>
                                            </div>
                                        [*]
                                            <a class="thumb" name="leaf" href="images/imm/grandi/3h.jpg">
                                                [img]images/imm/piccole/3l.jpg[/img]
                                            </a>
                                            <div class="caption">
                                                <div class="page4-box1">
                                                    <p class="p19">Nulla venenatis. Consectetuer adipiscing tesque sed dolor.  Sed in lacus ut enim adipiscing aliquet. In pede mi aliquet. Aliquam congue fermentum niuris accumsan nulla vel diam.</p>
                                                    
                                                </div>
                                            </div>
                                        [*]
                                            <a class="thumb" name="leaf" href="images/imm/grandi/4h.jpg">
                                                [img]images/imm/piccole/4l.jpg[/img]
                                            </a>
                                            <div class="caption">
                                                <div class="page4-box1">
                                                    <p class="p19"> Aliquam congue fermentum niuris accumsan nulla vel diam. Nulla venenatis. Consectetuer adipiscing tesque sed dolor.Sed in lacus ut enim adipiscing aliquet. In pede mi aliquet.</p>
                                                    
                                                </div>
                                            </div>
                                        [*]
                                            <a class="thumb" name="leaf" href="images/imm/grandi/5h.jpg">
                                                [img]images/imm/piccole/5l.jpg[/img]
                                            </a>
                                            <div class="caption">
                                                <div class="page4-box1">
                                                    <p class="p19">Consectetuer adipiscing tesque sed dolor. Aliquam congue fermentum niuris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi aliquet.</p>
                                             
                                                </div>
                                            </div>
                                            
                                    						[/list]
                                </div>
    ecco oltre a queste non riesco di inserirne altre..come faccio?

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,948
    Ciao, perché non riesci ad inserirne altre?
    Ogni immagine con questo blocco di codice

    codice:
    [*]
    <a class="thumb" name="leaf" href="images/imm/grandi/1h.jpg">
    [img]images/imm/piccole/1l.jpg[/img]
    </a>
    <div class="caption">
    <div class="page4-box1">
    <p class="p19">Consectetuer adipiscing tesque sed dolor. Aliquam congue fermentum niuris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi aliquet.</p>
    
    </div>
    </div>
    in cui modificare il nome e i percorsi delle immagini.
    Se non è questo il problema, spiegaci magari meglio

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    19,777
    ciao Serex e benvenuta (a/o?)

    ora correggo io..
    ricorda di utilizzare il tag [CODE]qui il codice[/CODE] per postare codice sul forum, grazie

    buon lavoro

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2012
    Messaggi
    44

    rettifico



    per essere + chiari, devo inserire una foto dove il cerchietto rosso...ovviamente seguita dall'animazione,..... cosa aggiungo nel codice???
    codice:
     <body id="page4">
    	
        <section id="content">
        <div class="content-line"></div>
            <div class="main">
                <div class="container_12">
                	<div class="wrapper">
                    	<article class="grid_8">
                        	<div class="bot1">
                            <h4 class="p18">Dicono di noi</h4>
                            <div id="container">		
                            <div class="navigation-container">                        
                                <div id="thumbs" class="navigation">                            
                                    <ul class="thumbs noscript">[*]
                                            <a class="thumb" name="leaf" href="images/imm/grandi/1h.jpg">
                                                [img]images/imm/piccole/1l.jpg[/img]
                                            </a>
                                            <div class="caption">
                                                <div class="page4-box1">
                                                    <p class="p19">Consectetuer adipiscing tesque sed dolor. Aliquam congue fermentum niuris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi aliquet.</p>
                                                    
                                                </div>
                                            </div>
                                        
                						[*]
                                            <a class="thumb" name="leaf" href="images/imm/grandi/2h.jpg">
                                                [img]images/imm/piccole/2l.jpg[/img]
                                            </a>
                                            <div class="caption">
                                                <div class="page4-box1">
                                                    <p class="p19">In pede mi aliquet. Consectetuer adipiscing tesque sed dolor. Sed in lacus ut enim adipiscing aliquet. Aliquam congue fermentum niuris accumsan nulla vel diam. Nulla venenatis. </p>
                                                    
                                                </div>
                                            </div>
                                        [*]
                                            <a class="thumb" name="leaf" href="images/imm/grandi/3h.jpg">
                                                [img]images/imm/piccole/3l.jpg[/img]
                                            </a>
                                            <div class="caption">
                                                <div class="page4-box1">
                                                    <p class="p19">Nulla venenatis. Consectetuer adipiscing tesque sed dolor.  Sed in lacus ut enim adipiscing aliquet. In pede mi aliquet. Aliquam congue fermentum niuris accumsan nulla vel diam.</p>
                                                    
                                                </div>
                                            </div>
                                        [*]
                                            <a class="thumb" name="leaf" href="images/imm/grandi/4h.jpg">
                                                [img]images/imm/piccole/4l.jpg[/img]
                                            </a>
                                            <div class="caption">
                                                <div class="page4-box1">
                                                    <p class="p19"> Aliquam congue fermentum niuris accumsan nulla vel diam. Nulla venenatis. Consectetuer adipiscing tesque sed dolor.Sed in lacus ut enim adipiscing aliquet. In pede mi aliquet.</p>
                                                    
                                                </div>
                                            </div>
                                        [*]
                                            <a class="thumb" name="leaf" href="images/imm/grandi/5h.jpg">
                                                [img]images/imm/piccole/5l.jpg[/img]
                                            </a>
                                            <div class="caption">
                                                <div class="page4-box1">
                                                    <p class="p19">Consectetuer adipiscing tesque sed dolor. Aliquam congue fermentum niuris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi aliquet.</p>
                                             
                                                </div>
                                            </div>
                                            
                                    						[/list]
                                </div>
                                <div id="caption" class="caption-container"></div>                            
                            </div>                     
                            <div class="content">
                                <div class="slideshow-container">
                                    <div id="loading" class="loader"></div>
                                    <div id="slideshow" class="slideshow"></div>
                                </div>
                            </div>
                            
                            <div class="clear"></div>
                        	</div>
                            </div>
                            <h4 class="p18"></h4>
                       
    					  <div class="inner1" style="width: 243px;" >
                                          <h2>Localita' incantevole</h2>
                                           <p class="p12">"...Ciao mi chiamo Gabriele di Roma. Il posto e' idilliaco, compreso le persone che mi hanno sempre dato la loro piena accoglienza . Sono 2 anni cha mi reco in questo posto incantato, e' il posto ideale per una vacanza di puro relax.  Il mare e' meraviglioso,  le dune di sabbia poi... la salita e' dura ma una volta arrivati in cima il panorama e' spettacolare! Ciao Ciao!</p> 
                                           <div class="page4-box5">
                                           		<figure class="page4-img2"></figure>
                                               <div class="extra-wrap" style="margin-top: 104px;">
                                                <a>Gabriele, <FONT face="Arial" color="#4C4B44">Roma</FONT></a>
                                              
    
    <FONT face="Arial">Luglio, 2010</FONT></p>
                                                
                                                </div>
                                           </div>
                                      </div>
    					  <div class="inner1" style="width: 243px; margin-left: 303px; margin-top: -592px;">
                                          <h2>Gite in barca</h2>
                                           <p class="p12">"...Ciao sono Sonia di Novara, la vacanze e' stata una delle piu' belle della mia vita, sono andata con un gruppo di amici. Torre dei corsari e' stupenda e i Signori Pinna ci hanno fatto asssaggiare tantissime specalita' sarde dal mirto alle  olive formaggi  ...  inoltre ci hanno fatto visitare degli scorci tipici con la barca ,che non avremmo mai potuto vedere perche' impossibile arrivare in macchina, abbiamo visto rio murtas e babbari che son due spiagge incantate e deserte nel cuore della costa. Cibo, mare, gita e relax! Voto 10!</p> 
                                           <div class="page4-box5" style="margin-left: 12px;">
                                           		<figure class="page4-img2"></figure>
                                                <div class="extra-wrap" style="padding-top: 0px; padding-bottom: 0px; border-top-width: 0px; margin-top: -9px; margin-right: 0px; margin-left: 16px;">
                                                 <a>Sonia, <FONT face="Arial" color="#4C4B44">Novara</FONT></a>
                                                 
    
    <FONT face="Arial">Agosto, 2011</FONT></p>
                                                
    											</div>
                                           </div>
                                      </div>
    					  
    					  
    					   
                        </article>
                        <article class="grid_4">
                              <div class="page1-box1">
                                  <div class="inner">
                                      <div class="inner1">
                                          <h2>Indimenticabili sapori</h2>
                                           <p class="p12">"...E' stata una vacanza indimenticabile! A Villa Liana ci siamo trovati benissimo e io insieme a mio marito e ai miei figli abbiamo potuto assaporare i veri sapori di Sardegna. La Signora Liana e il Signor Pinna ci hanno accolto come fossimo di famiglia e ci hanno offerto un pranzo squisito! Sono degli ottimi cuochi, ricordo le cozze servite su un enorme vassoio e il pane che li chiamano ''arredau'' e il maialetto su un letto di sughero! Sicuramente torneremo a villa liana per assaporre veramente il gusto della sardegna!</p> 
                                           <div class="page4-box5" style="margin-left: 14px;">
                                           		<figure class="page4-img2"></figure>
                                                <div class="extra-wrap">
                                                 <a>Francesca, <FONT face="Arial" color="#4C4B44">Milano</FONT></a>
                                                
                                                
    
    <FONT face="Arial">Agosto, 2009</FONT></p>
                                                </div>
                                           </div>
                                      </div>
                                  </div>
                              </div>
                              <h4 class="p18">Servizi</h4>
                              <dl id="accordion"> 
                                
                                <dt>Attivita'</dt> 
                                <dd> 
                                    
    
    Gite in barca. Ottima cucina locale, su prenotazione e' possibile prenotare il ''pranzo locale'' presso la Villa.</p>
                                </dd> 
                                <dt>Servizi</dt> 
                                <dd> 
                                    
    
    La villa e' dotata di una lavatrice comune utilizzabile da tutti i clienti.</p>
    
    
    Il barbeque in giardino e' utilizzabile da tutti i clienti su prenotazione (ogni cliente e' pregato di munirsi di carbonella).</p>
    
    
    Su richiesta vi sara' fornito il pass per poter utilizzare gratuitamente il bus navetta che porta alla spiaggia principale di torre dei corsari.</p>
    
    
    I nostri nidi sono dotati di TV digitale terreste.
    </p>
                                </dd> 
                                <dt>internet</dt> 
                                <dd> 
                                    
    
    La villa e' fornita di linea wifi, al vostro arrivo vi sara' fornita la password.</p>
                                </dd> 
                                <dt>Parcheggio</dt> 
                                <dd> 
                                    
    
    La villa e' dotata di ampio parcheggio interno.</p>
                                </dd> 
                            </dl>
                        </article>
                    </div>
                </div>
            </div>
        </section>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.