Modifica al template

[Haku]

Ciao a tutti...stavo smanettando un pò con il css per ricavare il risultato desiderato...ma non ci sono riuscito,così chiedo supporto a voi ^^

Vorrei effettuare questa modifica al template,cioè mettere un bordo intorno alla skin come qui e poter inserire uno sfondo:


Ed ecco come si presenta la skin ancora da modificare:


Il css della skin da modificare:(basata su subsilver)

Codice: Seleziona tutto

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		mavilim
	Based on style:	subSilver2 
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		Akansu ( http://www.foruz.net )
	
	This is an alternative style for phpBB3 for those wishing to stay with
	the familiar subSilver style of phpBB version 2.x
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font: 62.5% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	color: #000000;
	background-color: #E1E1E2;
	margin: 0;
	padding: 10px 10px 10px;
}
#wrapheader {
	width: 93%;
	min-height:100px;
	height: auto;
	margin:auto;
	background: url(http://www.devmakers.org/portal/img/back.jpg) #e1e1e2   ;
}
#wraporta {
    
	background-color: #FFFFFF;
	margin: auto;
	width: 98%;
}
#wrapcentre {
	margin: auto;
	width: 95%;
	padding-top: 5px;
}
#wrapfooter {
    text-align: center;
	clear: both;
	background: #E1E1E2 url('./images/footer.png') top repeat-x ;
	margin: auto;
	width: 98%;
}
#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
.forumrules {
	background-color: #E7E4C9;
	border: 1px solid #445270;
	padding: 4px;
	font:1.1em verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: Verdana, Trebuchet MS, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;

}

p {
	font-size: 1.1em;}
p#slogan{ 
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	color:#FFFFFF; 
	}	
	

p.moderators {
	margin: 0;
	float: right;
	color: black;
	font-weight: bold;
	border-bottom:1px solid red;
}

.rtl p.moderators {
	float: left;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin-left: 2px;
	float: left;
	color: #000000;
	white-space: normal;
	font-size: 1.2em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	font: 1.1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif ;
	padding:0;
	margin:1px 0;
}
p.subforumdesc {
	font: 1.1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif ;
	padding-top:2px;
	margin:0;
}

p.topicauthor {
	margin: 1px 0;
}
p.topicrow{
font-size:9px; line-height:15px; color: black;
}
p.topicrow a:link, p.topicrow a:visited {
font-size:9px; line-height:15px; color: black;
text-decoration: none;
}

p.topicdetails {
	font: 1.1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif ;
	color: #000000;
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #000000;
	font-size: 1.3em;
	
}

.postdetails {
background:transparent url(./images/detail.gif) no-repeat scroll left top;
border:1px solid #D1D1E1;
font-size:8pt;
margin: 3px 3px 3px 5px;
padding: 3px 0px 3px 7px;
text-align:left;
width : 90%;
}

.postbody {
    font: 1.3em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif ;
	line-height: 1.4em;
    color: #000000;
}
.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}
.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}
.posthilit {
	background-color: yellow;
}
.nav {
	margin: 0;
	color: black;
	font-weight: bold;
}
.gen {
	margin: 1px 1px;
    font: 1.2em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif ;
}

.genmed {
	margin: 1px 1px;
	font-family: Verdana;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font: 1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif ;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: verdana,  Arial, Helvetica, sans-serif;
}

.titles {
	font: bold 1.4em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif ;
	text-align: center;
}
.error {
	color: red;
}

/* Tables
 ------------ */
th {
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #5C7099;
	background-image: url('./images/cellpic3.png');
	white-space: nowrap;
	padding: 3px 1px;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	background-color: #D1D1E1;
	border:1px solid #0B198C;
}

.cat {
	color: #FFFFFF ;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #869BBF;
	background-image: url('./images/cellpic1.png');
	text-indent: 4px;
}
.cat1 {
	
    height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #869BBF;
	background-image: url('./images/cellpic1.png');
	text-indent: 4px;
}

.cat2 {
    color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	background-color: #5C7099;
	background-image: url('./images/cellpic3.png');
	text-decoration: none;
	padding: 3px 1px;
}

.row1 {
	background-color: #F5F5FF;
	padding: 4px;
}

.row2 {
	background-color: #E1E4F2;
	padding: 4px;
}

.row3 {
	background-color:#E1E4F2;
	padding: 4px;
	font-weight: bold;
}

.row4 {
	background-color: #FFFFFF;
	padding: 4px;
}

.menu2 { 
background-color : #738FBF;
padding :1px 6px; 
margin:auto;

} 

.talt  {
background-color : #3E5C92;
}

.spacer {
	background-color: #D1D7DC;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link {
	color: #22229C;
	text-decoration:none;
}
a:active,
a:visited {
	color: #22229C;
	text-decoration:none;
}

a:hover {
	color: #FF4400;
	text-decoration:none;
}
a.forumlink, a.forumlink:visited {
	color:#22229C ;
	font: bold 1.3em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	text-decoration: none;
}
a.forumlink:hover {
	color: #FF4400;
    text-decoration:underline;
}
a.topictitle {
	color: #22229C;
	margin: 1px;
    font:1.2em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif ;
	text-decoration: none;
}

a.topictitle:visited {
	color: #757575;
	font-weight: normal;
	text-decoration: none;
	margin: 1px;
}

a.topictitle:hover {
	color: #FF4400;
    text-decoration:none;
}
a.yeni-mesaj, a.yeni-mesaj:visited { font-weight: bold;}
a.yeni-mesaj:hover, a.yeni-mesaj:visited:hover { font-weight: bold;}
th a,
th a:visited {
	color: #FFA34F !important;
	text-decoration: none;
}

th a:hover {
	text-decoration:none;
}
/*mavilim Styles Links
 ------------ */
.cat a,
.cat a:visited {
	color: #FFFFFF !important;
	font: 1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif ;
	text-decoration: none;
}
.cat a:hover {
	color: #FFFF66 !important;
	text-decoration:none;
}

.cat1 a,
.cat1 a:visited {
	color: #FFFFFF !important;
	font: 1.3em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif ;
	text-decoration: none;
}
.cat1 a:hover {
	color: #FFFF66 !important;
	text-decoration:none;
}
.cat2 a,
.cat2 a:visited {
    color: #FFFFFF !important;
	font: bold 1.1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    text-decoration: none;
}

.cat2 a:hover {
    color: #FFFF66 !important;
    text-decoration: none;
	}
.talt a, 
.talt a:visited {
    color: #E0E0F6 !important;
}
.talt a:hover {
	color: #FFFF66 !important;
	text-decoration:none;
}
a.menu2:link, a.menu2:visited { 
color: #FFFFFF;
font : bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
text-decoration : none; 
white-space : nowrap;
} 
 
a.menu2:hover { 
color : #ffff66; 
text-decoration : underline; 

}
	
/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #333333;
	font: normal 1.1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 1px;

}

textarea {
	background-color: #FAFAFA;
	color: #333333;
	font: normal 1.3em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	line-height: 1.4em;
	border: 1px solid #A9B8C2;
	padding: 2px;
}

select {
	color: #333333;
	background-color: #FAFAFA;
	font-family: verdana, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9;
	margin: 1px 0px 1px 0px;
	}

.btnbbcode {
	color: #000000;
	font: normal 1.1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

}

.btnmain {
    font-weight: bold;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	color: #333333;
	cursor: pointer;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	color: #333333;
	font-size: 1.1em;
}

.helpline {
	background-color: #DEE3E7;
	border-style: none;
	
}

.subforum.read { 
	background: url(./images/subforum_read.gif) top left no-repeat;
	line-height: 15px;
	padding-left: 12px;
}
.subforum.unread { 
	background: url(./images/subforum_unread.gif) top left no-repeat;
	line-height: 15px;
	padding-left: 12px;
}

/* BBCode
 ------------ */
.quotetitle, .attachtitle {
font-size: 1em;
color: #000000;
}

.quotetitle .quotetitle {
	font-size: 1em;
	color: #000000;
	
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 8px;
	padding: 5px;
     border: 1px inset;
	font: normal 1em verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	line-height: 1.4em;
	background-color: #E1E4F2;
	color: #000000;
}
.attachcontent {
	font-size: 0.85em;
}
/* Code block */
dl.codebox {
	padding: 3px;
	background-color: #E1E4F2;
	border: 1px solid #445270;
	font-size: 1em;
}

dl.codebox dt {
	text-transform: uppercase;
	border-bottom: 1px solid #445270;
	margin-bottom: 3px;
	font-size: 0.8em;
	font-weight: bold;
	display: block;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #2E8B57;
	margin: 2px 0;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }
/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}

/* Misc
 ------------ */
img {
	border: none;
}
.inlineimg{ vertical-align: middle; }

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: left;
	float: left;
	padding: 0px;
	margin: auto;
	font-size: 1.1em;
	font-weight: bold;
	border: none;
	background-color: #F5F5FF;
}

.pagination2 {
	 width: auto;
	padding: 2px;
	font-size: 1em;
	font-weight: normal;
	border: none;
	background-color: #738FBF;
	color: #FFFFFF;
}
.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0px 6px;
	margin: 0px;
	font-weight: bolder;
	color: #000000;
	background-color: #E1E4F2;
	border-right: 2px solid #D1D1E1;
	font-size: 1.1em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #22229C;
	margin:  0px;
	padding: 0px 6px;
	background-color: #F5F5FF;
	border-right: 2px solid #D1D1E1;
	font-size: 1em;
}

.pagination span a:hover {
	background-color: #F5F5FF;
	border-right: 2px solid #D1D1E1;
	color: #FF4400;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	font-size: 1em;
}

ul.linklist li.rightside, p.rightside {
	float: left;
	margin-right: 0;
	text-align: left;
}

[Carlo]

Che stile utilizzi?

[Haku]

Utilizzo lo stile della seconda immagine,cioè questa(http://www.foruz.org/phpbb3styles/theme ... c3d35937ac) che è basato su subsilver
La prima immagine è per far vedere come vorrei venisse ^^ e la skin è la Se_Square...

[Carlo]

Allora da quanto ho capito, intorno allo sfondo bianco vuoi inserire un bordo, giusto??
Poi hai anche detto che vuoi inserire uno sfondo, ma dove??

[Haku]

Allora,vedi la seconda immagine che il pezzo bianco arriva fino al banner?
Io vorrei contornarla proprio così come in questa immi:

Dove nel grigio inserirò anche uno sfondo...

[Carlo]

Allora, per lo sfondo intendi cambiare quello bianco, giusto??

Se sì, nello stylesheet, trova:

Codice: Seleziona tutto

#wraporta {
   
   background-color: #FFFFFF;
   margin: auto;
   width: 98%;
}

Se vuoi modificare il colore dello sfondo devi modificare il valore #FFFFFF di questa riga:

Codice: Seleziona tutto

background-color: #FFFFFF;

Invece se vuoi aggiungere un immagine come sfondo, trova questa linea nel codice che ti ho "evidenziato" prima:

Codice: Seleziona tutto

background-color: #FFFFFF;

ed aggiungi prima:

Codice: Seleziona tutto

background-image: url("http://www.tuosito.it/forum/images/sfondo.ext");

Per i bordi ti faccio sapere appena possibile...

[Haku]

carlino,forse ti stai confondendo ^^'
Io uso lo stile vbulletin,come la seconda immagine.
Però,vorrei poter creare quel contorno intorno alla board,come nella prima immagine..
Sapevo come cambiare il colore di sfondo,ma comunque avrei cambiato quello grigio,in modo da staccare
Spero mi farai sapere al più presto come attuare questa modifica ^^

[Carlo]

Io leggendo la citazione seguente avevo capito che volevi anche modificare lo sfondo.

Vorrei effettuare questa modifica al template,cioè mettere un bordo intorno alla skin come qui e poter inserire uno sfondo:

[Haku]

Mi sono dimenticato di specificare ^^'
Intendevo poi cambiare lo sfondo che in quel caso in quella immagine è grigia...
Ho provato ad aggiungere il contorno come dicevo,ma senza risultati

[Carlo]

Mi potresti linkare una demo dello stile "Se_Square" che hai detto è quello della prima immagine, o possibilmente, allegarmi l'archivio che lo contiene?