Template Paradise di Joomla.it

[St3rMiN4ToR]

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:

Codice: [Seleziona]

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

[thor92]

quale riquadro binco vuoi allargare e quali contenuti? 

[St3rMiN4ToR]

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

[thor92]

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):

Codice: [Seleziona]

#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....

p.s. il tuo sito comunque non sono riuscito a vederlo

[thor92]

ahh, fai una copia di backup del file template prima di modificarlo, non si sa mai...

[thor92]

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

[gianler]

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

[tonicopi]

Ah ah ah aha... vedo che facciamo assistenza anche a word press

[gianler]

e chi è? 

[tonicopi]

e chi è? 

il template di cui si sta parlando qui e montato su word press un cms diverso da Joomla!

[gianler]

vorrei dividere il container (che è indicato come user 3) in 2 porzioni.. qualcuno mi da qualche dritta?
Grazie