Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : St3rMiN4ToR 14 Aug 2008, 01:27:34
-
Ciao a tutti,
dato che non sono esperto di CSS, come faccio ad allargare il riquadro bianco e di conseguenza adattare i contenuti?
Ed infine adattare pure il menù orizzontale (Home, Chi sono, ecc.)
www.sterminator.ch
Codice CSS:
body
{
padding: 0;
margin: 0;
background: #2E2E2E url('../images/background.jpg') repeat-x;
color: #FFF;
font-family: arial, verdana, helvetica, tahoma, sans-serif;
font-size: 80%;
}
a
{
text-decoration: none;
color: #F06;
}
a:hover
{
text-decoration: none;
color: #000;
}
#centrecontainer
{
position: absolute;
top: 50%;
left: 0px;
width: 100%;
}
#outercontainer
{
margin-left: -390px;
position: absolute;
top: -230px;
left: 50%;
}
#header
{
width: 780px;
height: 50px;
background-image: url('../images/header-background.jpg');
background-repeat: no-repeat;
}
#headertitle
{
float: left;
width: 280px;
height: 50px;
}
#header h1
{
margin: 0;
padding: 11px 0 0 10px;
color: #2E2E2E;
font-size: 200%;
letter-spacing: -2px;
font-weight: normal;
}
#header sup
{
color: #F06;
letter-spacing: -1px;
}
#headermenu
{
float: right;
width: 500px;
height: 50px;
}
#headermenu ul
{
margin: 20px 0 0 0;
padding: 0;
text-align: right;
font-size: 110%;
font-weight: bold;
letter-spacing: -1px;
}
#headermenu li
{
display: inline;
margin-left: 20px;
}
#headermenu li a
{
text-decoration: none;
color: #FFF;
}
#headermenu li a:hover
{
text-decoration: none;
color: #F06;
}
#container
{
border: 10px solid #FFF;
width: 760px;
height: 350px;
background: #2E2E2E url('../images/container-background.jpg');
}
#containertext
{
float: right;
overflow: auto;
padding: 20px;
width: 720px;
height: 310px;
line-height: 120%;
}
#containertext p
{
margin: 0 0 10px 0;
padding: 0;
color: #CCC;
}
#containertext h1, #containertext h2, #containertext h3
{
margin: 10px 0;
padding: 0px;
color: #FFF;
font-size: 175%;
letter-spacing: -1px;
font-weight: normal;
}
#footer
{
width: 780px;
height: 50px;
background: #2E2E2E url('../images/footer-background.jpg');
}
#footer p
{
margin: 0;
padding: 10px 24px 0 0;
text-align: right;
color: #333;
letter-spacing: -1px;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}
table.blog .article_seperator {
display: block;
height: 20px; }
table.contentpane {
border-collapse:collapse;
border-spacing:0px;
margin:0px;
padding:0px;
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%; }
* html table.contentpaneopen, table.contentpane, table.blog {
width: 98%; }
table.contentpaneopen {
border: none; }
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%; }
table.contenttoc a {
text-decoration: none; }
table.contenttoc td {
padding: 1px 5px 1px 25px; }
table.contenttoc th {
padding: 4px;
background: #2F2F2F;
color: #FFFFFF;
text-indent: 5px;
border: 1px solid #3F3F3F; }
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse; }
table.pollstableborder {
padding: 0;
width: 100%;
border: none;
text-align: left; }
table.pollstableborder img {
vertical-align: baseline; }
table.pollstableborder td {
padding: 2px!important; }
table.searchintro {
padding: 10px 0;
width: 80%; }
table.searchintro td {
padding: 5px!important; }
table.adminform {
width: 400px!important; }
.blog_more {
margin: 10px 0; }
.blog_more strong {
margin: 0 0 5px;
padding-left: 13px;
display: block;
color: #606060;
text-transform: uppercase; }
td.buttonheading {
padding: 0 0 0 3px!important;
text-align: center; }
.category {
font-size: 13px;
font-weight: normal; }
.componentheading {
padding-bottom: 5px;
margin-bottom: 10px;
font-size: 1.3em;
line-height: normal;
font-weight: bold; }
.contentdescription {
padding-bottom: 30px; }
table.blog .contentheading {
font-size: 1.3em;
font-weight: bold;
line-height: normal;
font:bold 24px/34px Georgia, "Times New Roman", Times, serif; color:#ffffff;
}
table {
margin-left:auto;
margin-right:auto;
}
.contentheading {
font-size: 1.3em;
border-bottom:dashed 1px #Ffffff;
padding-bottom:10px;
font-weight: bold;
line-height: normal; }
a.contentpagetitle, .componentheading {
text-decoration: none!important; }
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
text-decoration: none!important; }
.createdate, .small {
padding-bottom:5px;
padding-top:5px;
text-transform:uppercase;
font-size:0.85em;
font-weight: bold; }
.small{color:#BDDD09;}
.createdate {
/*border:solid 1px #DCFE8D;*/
color:#01A6D6;
}
.modifydate {
height: 15px; }
.moduletable {
padding: 0; }
.mosimage {
padding: 0;
border:1px solid #CCCCCC;
margin:6px; }
.mosimage img {
padding: 0;
margin: 0!important; }
/*pdf email etc */
img {
border: 0 none;
}
.mosimage_caption {
background:#EFEFEF none repeat scroll 0%;
border-top:1px solid #CCCCCC;
color:#666666;
font-size:10px;
margin-top:2px;
padding:1px 2px;}
tr.sectiontableentry1 td {
padding: 5px; }
tr.sectiontableentry2 td {
padding: 5px; }
.smalldark {
text-align: left; }
div.syndicate div {
text-align: center; }
.rowpadding {
padding-left: 18px;
padding-right: 18px; }
.pollstableborder {
margin-top:10px;
margin-bottom:10px;
}
table.pollstableborder td {
background:none;
}
.contentpaneopen tr td {
padding-top:7px;
padding-bottom:5px;
}
.clr {
clear: both;
}
.back_button {
height:35px;
font-weight:normal;
font-size:8pt;
text-decoration:none;
background:url(../images/s5_back.png) no-repeat top left;
padding-left:18px;
margin-top:15px;
padding-top:7px; }
a.readon {
height:35px;
font-weight:bold ;
font-size:10pt;
text-decoration:none;
padding-left:18px;
padding-right:18px;
padding-bottom:7px;
padding-top:8px; }
a.readon:hover {
text-decoration:underline;
color:#ffffff;
}
.show-linkmore, .show-comment, .show-hit, .jctools {
margin-top:19px;
margin-bottom:8px;
}
#commentTools {
padding:30px;
padding-right:0px;
margin-bottom:20px;
}
.comment-text {
line-height:200%;
}
.show-voteup, .show-votedown, .show-report {
margin-top:10px;
position:relative;
}
.jomentry2, .jomentry1 {
line-height:200%;
margin-bottom:12px;
}
.alldone_gsvb, .title_gsvb {
font-weight:bold;
}
.resultCell_gsvb {
width:78px;
}
.gsc-branding-text {
margin-top:17px;
}
.gsc-branding-img-noclear {
margin-right:10px;
}
.floatingPlayer_gsvb {
background:#F1F1F1;
}
.gsc-branding {
display:none;
}
#videoBar45 {
padding-bottom:15px;
padding-top:15px;
}
a:hover, a:focus {
color:#333333;
text-decoration:underline; }
Eventualmente indicatemi quale stringa modificare, naturalmente specificando a cosa corrisponde la determinata stringa.
Grazie infinite :)
Saluti
-
quale riquadro binco vuoi allargare e quali contenuti? ???
-
quale riquadro binco vuoi allargare e quali contenuti? ???
Scusami, ho riuppato ora il sito.
I riquadri bianchi del template (bordi), vorrei ingrandirli.
Naturalmente adattando il contenuto alla nuova dimensione dei bordi, così pure il menu in alto a destra.
Grazie
-
allora, per allargare i bordi devi fare così:
apri la cartella joomla li cerchi templates, apri la cartella e all'interno cerchi un'altra cartella di nome paradise, li apri la cartella css e in fine apri con un editor di testo (ad esempio wordpad o blocco note)il file tamplate....
qui devi cercare questa parte di codice (dovrebbe essere piuttosto in alto, diciamo a un quarto dell'intero file):
#container
{
border: 15px solid #FFF;
width: 760px;
height: 350px;
background: #2E2E2E url('../images/container-background.jpg');
}
qui vedi che c'è scritto border, quello indica il bordo, a fianco c'è scritto il numro di pixel che deve occupare, tu non devi fare altro che andare a modificare quel valore con quello che più ti piace...
sotto, ci sono le dimensioni del rettangolo che è circondato dal bordo, modificando quei due valori vai a modificare le dimensioni del rettangolo: width indica la larghezza (letteralmente ampiezza), height indica l'altezza, in fine la parte dove c'è scritto beckground indica l'immagine di sfondo DEL RETTANGOLO non del sito, li tu puoi andarlo a modificare se vuoi...
spero di essere stato preciso, se vuoi sapere qualcos'altro oppure non era questo il risultato che volevi ottenere dimmelo.... ;D
p.s. il tuo sito comunque non sono riuscito a vederlo ???
-
ahh, fai una copia di backup del file template prima di modificarlo, non si sa mai... ;D
-
se vuoi modificare il rettangolo dove c'è la home page, la storia è un po' + complicata, se è così dimmelo che te lo spiego x bene... ;)
ciao
-
sarei interessato a questo template:
vorrei far stare il sito in un'unica pagina, quindi altezza e larghezza fisse.. ma un pò più grandi di quelle del suddetto template.
Esiste un editor css wysiwyg che mi faccia modificare il tutto in modo semplice?
Grazie
-
Ah ah ah aha... vedo che facciamo assistenza anche a word press ;D
-
e chi è? ???
-
e chi è? ???
il template di cui si sta parlando qui e montato su word press un cms diverso da Joomla!
-
vorrei dividere il container (che è indicato come user 3) in 2 porzioni.. qualcuno mi da qualche dritta?
Grazie