Pagine in stile portale.. ma come si usa??

[Gelmo]

no... lo tolto!!

senza portal che io ho messo tra parentesi..cosi i link non indirizzano piu al portale.. e il tutto è ricominciato a funzionare!

[Gelmo]

il leyout l'ho trovata qui.. l'ho un pelo modificato per renderlo adattabile alla castom page.. ( ho tolto l'header.. e il footer) e dovrebbe andare..
il costruttote consiglia di creare un folgio esterno

nel caso di phpbb, per fare cio, dovrete fare una cosa semplice creare un nuvo documento con estensione .css che poi andrete a mettere in theme del vostro stile.. poi andare a modificare stylesheet sempre in teme e lincate al vostro file .css appena creato. ( semplice noo)
il codice da inserire nel folgio è questo..

Codice: Seleziona tutto

body {
margin:0;
padding:0;
border:0; /* This removes the border around the viewport in old versions of IE */
width:100%;
background:#fff;
min-width:600px; /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
}
a {
color:#369;
}
a:hover {
color:#fff;
background:#369;
text-decoration:none;
}
h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
img {
margin:10px 0 5px;
}
/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:right;
}
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
background:#CDEAFF; /* Right column background colour */
}
.holygrail .colmid {
float:left;
width:200%;
margin-left:-12em; /* Width of right column */
position:relative;
right:100%;
background:#fff; /* Centre column background colour */
}
.holygrail .colleft {
float:left;
width:100%;
margin-left:-50%;
position:relative;
left:24em; /* Left column width + right column width */
background:#cfc; /* Left column background colour */
}
.holygrail .col1wrap {
float:left;
width:50%;
position:relative;
right:12em; /* Width of left column */
padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
margin:0 13em; /* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
position:relative;
left:200%;
overflow:hidden;
}
.holygrail .col2 {
float:left;
float:right; /* This overrides the float:left above */
width:10em; /* Width of left column content (left column width minus left and right padding) */
position:relative;
right:1em; /* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
float:left;
float:right; /* This overrides the float:left above */
width:10em; /* Width of right column content (right column width minus left and right padding) */
margin-right:3em; /* Width of right column right-hand padding + left column left and right padding */
position:relative;
left:50%;
}
/* --> */
  </style>
<!--[if lt IE 7]>
<style media="screen" type="text/css">
.col1 {
width:100%;
}

e poi nella zona HTML della dostra costume page..

Codice: Seleziona tutto

<div class="colmask holygrail">
<div class="colmid">
<div class="colleft">
<div class="col1wrap">
<div class="col1"><!-- Column 1 start -->
COlonna centrale !!<!-- Column 1 end --> </div>
</div>
<div class="col2">
<!-- Column 2 start -->colonna di sinsitra &nbsp;
&nbsp; &nbsp;&egrave; &nbsp;fissa al 25%<!-- Column 2 end -->
</div>
<div class="col3">
<!-- Column 3 start -->Colonna di destra &egrave;
fissa al 25%<!-- Column 3 end -->
</div>
</div>
</div>
</div>

potete fare cosi!!

mettere tra <heder></heder> questo codice!

Codice: Seleziona tutto

<style media="screen" type="text/css">/* <!-- */
/* General styles */
body {
margin:0;
padding:0;
border:0; /* This removes the border around the viewport in old versions of IE */
width:100%;
background:#fff;
min-width:600px; /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
}
a {
color:#369;
}
a:hover {
color:#fff;
background:#369;
text-decoration:none;
}
h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
img {
margin:10px 0 5px;
}
/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:right;
}
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
background:#CDEAFF; /* Right column background colour */
}
.holygrail .colmid {
float:left;
width:200%;
margin-left:-12em; /* Width of right column */
position:relative;
right:100%;
background:#fff; /* Centre column background colour */
}
.holygrail .colleft {
float:left;
width:100%;
margin-left:-50%;
position:relative;
left:24em; /* Left column width + right column width */
background:#cfc; /* Left column background colour */
}
.holygrail .col1wrap {
float:left;
width:50%;
position:relative;
right:12em; /* Width of left column */
padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
margin:0 13em; /* Centre column side padding:
Left padding = left column width + centre column left padding width
Right padding = right column width + centre column right padding width */
position:relative;
left:200%;
overflow:hidden;
}
.holygrail .col2 {
float:left;
float:right; /* This overrides the float:left above */
width:10em; /* Width of left column content (left column width minus left and right padding) */
position:relative;
right:1em; /* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
float:left;
float:right; /* This overrides the float:left above */
width:10em; /* Width of right column content (right column width minus left and right padding) */
margin-right:3em; /* Width of right column right-hand padding + left column left and right padding */
position:relative;
left:50%;
}
/* --> */
  </style>
<!--[if lt IE 7]>
<style media="screen" type="text/css">
.col1 {
width:100%;
}
</style>
<![endif]-->

e nella html cioe tra <body> </boby> questo codice..

Codice: Seleziona tutto

<div class="colmask holygrail">
<div class="colmid">
<div class="colleft">
<div class="col1wrap">
<div class="col1"><!-- Column 1 start -->
COlonna centrale !!<!-- Column 1 end --> </div>
</div>
<div class="col2">
<!-- Column 2 start -->colonna di sinsitra &nbsp;
&nbsp; &nbsp;&egrave; &nbsp;fissa al 25%<!-- Column 2 end -->
</div>
<div class="col3">
<!-- Column 3 start -->Colonna di destra &egrave;
fissa al 25%<!-- Column 3 end -->
</div>
</div>
</div>
</div>

visto che e la prima guida che faccio.... carlino se vedi qualche cosa che non va.. cambia pure!!

[Carlo]

Prima di tutto, non dovresti inserirla qui, ma nella sezione Faq e Guide.
Secondo ordina un pò il tutto.

[Gelmo]

ok grande capo! ora provvedo!

ordinare un pò... in che senso!?

[Carlo]

Cioè ad esempio usare frasi come:
Trova: ...... e Aggiungi: ........

[Gelmo]

ok allora me la scrivo.. bene e poi la posto questa sera!?

[Carlo]

Ok, fai con comodo.