Buongiorno ragazzi, vi anticipo che ono un webmaster molto improvvisato... sto facendo un sito utilizzando un foglio di stile css e un index scritto in php scaricata da un sito open source...
adesso ho il seguente probleme.... andate sul sito che sto preparando... http://www.antonioperreca.it/IRNapoli/
Ho l'esigenza di creare i collegamenti alle varie sezioni e farli aprire al centro della pagina... qualcuno mi ha consigliato di copiare il file index e di modificare solo la parte centrale in quanto farei prima... ma onestamente mi pare molto poco idoeneo anche perchè significa che ogni volta che modifico qualcosa dell'index, lo devo modificare su tutte le altre pagine...
voi cosa mi consigliate ?
Di seguito vi copio tutto il file index in modo da potermi dare qualche consiglio... più me ne date meglio è anche se fuori tema... grazie.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Description example by www.studio7designs.com" />
<meta name="keywords" content="Keywords" />
<meta name="author" content="Name example - Original Template Design by www.studio7designs.com" />
<link rel="stylesheet" type="text/css" href="aran.css" media="screen" title="studio7designs (screen)" />
<title></title>
</head>
<SCRIPT language=javascript>function apri_chatexpert() {nuovachat52246=window.open('http://server80.chatexpert.it/clienthtml2/default.asp?ID=52246&stanza=&file=&colori=&emo=&pv t=&blocca=&nick=&template=&gruppo=Italian+Rounders +Napoli','chatexpertwin52246', 'status=yes,toolbar=no,width=670,height=600,resiza ble=yes'); nuovachat52246.focus();} </SCRIPT>
<body>
<div id="leftsidebar">
<center>
[img]images/logo.jpg[/img]
<div id="topmenu"></div>
<div class="rightnews">
[img]images/fresh1.jpg[/img]
[img]images/fresh2.jpg[/img]
[img]images/fresh3.jpg[/img]
<span class="style3">Links:</span>
[img]images/bullet_blue.gif[/img]
studio7designs
<a href="http://www.weddingsvictoria.net/">Photography
</a>
OSWD
<span class="style3">More info:</span>
[img]images/Bullet_green.gif[/img]
Deviantart
Digg
Neowin
</div>
<div id="menu">
<h2 class="hide">Menu:</h2>
<ul>
[*]Home page
[*]Regolamento
[*]Eventi
[*]Classifica
[*]Schede giocatori
[*]Galleria
[*]Forum[*]Chat[/list]
<div class="leftnews">
<div class="greenbox"> <div class="style3">
<span class="style3">Contattaci
Dario Nittolo
328.9197247
Nicola Pezzullo
328.3290052
Sergio Cimadomo
349.2517963</span>
</div></div>
</div>
</div>
<div class="greenbox"> <div class="style3">Green Box class example in the style sheet </div></div>
<div id="content">
<h3 class="style7">STUDIO7DESIGNS</h3>
<span class="style3">This is a OS template for your enjoyment.
Thanks Andreas and others for support
All I ask is that you email me, and if you can, please keep a link to me at the footer. </span>
<span class="style3">Here is an example of image borders and the "split right box" and "split left box". You can split your text using CSS classes, This also has the "bluebox class inside the split.</span>
<div class="splitleft"> <div class="bluebox"> [img]images/mountain.jpg[/img] </div> </div>
<div class="splitright"> <div class="bluebox"><span class="style3"> This is a sweet little split left container you can put images or text into.
If you find any problems with my template can you please email me, and let me know what I need to fix!</span></div>
</div>
  </p>
  </p>
  </p>
<center>
<iframe allowtransparency='true' src='http://www2.betway.com/itat?action=asset_req&new=0&aff_id=1114&asset_id=4 1' width='468' height='60' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' style='border-width:0'></iframe></div>
<div class="greenbox"> <div class="style3">Green Box class example in the style sheet </div></div>
<h2 class="style4">This is a Header Example</h2>
<h3 class="style5">This is a Header Example</h3>
<h3 class="style6">This is a Header Example</h3>
<h3>
<span class="style7">Site Info</span></h3>
<div class="box_right clearfix" id="box_right">
<div class="box_cnr_top">[img]images/cnr_tl.gif[/img]</div>
<span class="style3"> Rounded Text Box
Another example of great coding from OS template designers. Here is a rounded text box for your use. Enjoy!
The rounded corners on this text box is done with CSS that was developed by Adam Kalsey.</span>
<div class="box_cnr_bottom">[img]images/cnr_bl.gif[/img]</div>
</div>
<p class="style3">I have included a couple of bullets, you can just open up photoshop and change the colors to suite your needs. Unfortunatally I cant figure out custom bullets right now, the code I used was not "valid" ... even though it renders perfectly in all browsers... </p>
<p class="style3">I have also included a footer bar just like the header bar if you want to tackle having the footer 'stick' to the bottom of the page, regardless of content.
The blue square above the navigation can be used for your site logo, just open it up in photoshop and clear the white, or use your own! - I obviously used the ideas behind the OSWD template, which is my favorite, this is my first attempt!</p>
<p class="style3">Good luck!</p>
<p class="style3">Cheers</p>
</p>
</div>
<div id="footer"> © 2007 Antonio Perreca.</div>
</div>
</body>
</html>
Rispondi quotando