Personalizare spoler punBB
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 3 • Distribuiţi
Pagina 1 din 3 • 1, 2, 3
Personalizare spoler punBB
Salut, am un cod pentru spoler care merge doar pe phpBB2 cum as putea sa il fac sa mearga pe punBB ?
Acesta este codul:
Acesta este codul:
- Cod:
td.spoiler_content {
margin-top: 5px !important;
padding-top: -10px !important;
background-color: transparent !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 0px !important;
border-top: 1px solid #d4d4d4 !important;
padding-bottom: 5px;
padding-top: 5px;
}
table.spoiler tbody tr td span.genmed b {
color: #9C9C9C !important;
text-shadow: 1px 1px 1px #ffffff !important;
font-weight: normal !important;
font-size: 16px;
}
td.spoiler_closed.hidden {
display: block;
cursor: pointer;
margin-top: -23px;
background-image: url('http://i44.servimg.com/u/f44/16/34/60/70/sus10.png');
background-repeat: no-repeat;
z-index: 999;
border: 0px !important;
float: right;
height: 24px !important;
width: 30px !important;
background-color: transparent !important;
}
table.spoiler {
background-image: url('http://i44.servimg.com/u/f44/16/34/60/70/grad10.jpg');
background-repeat: repeat-x;
background-color: #f5f5f5 !important;
padding-left: 5px !important;
padding-top: 5px !important;
padding-right: 5px !important;
padding-bottom: 3px !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #d4d4d4;
width: 98% !important;
}
td.spoiler_closed {
cursor: pointer;
margin-top: -21px;
background-image: url('http://i44.servimg.com/u/f44/16/34/60/70/jos10.png');
background-repeat: no-repeat;
z-index: 999;
border: 0px !important;
float: right;
height: 24px !important;
width: 30px !important;
background-color: transparent !important;
}
Re: Personalizare spoler punBB
Salut,
Trebuie doar sa afli clasele de pe versiunea punbb. Folosind Google Chrome, da click dreapta pe un spoiler, si vei vedea clasele sale.
Trebuie doar sa afli clasele de pe versiunea punbb. Folosind Google Chrome, da click dreapta pe un spoiler, si vei vedea clasele sale.
Vexx- Membru activ
- Mesaje : 463
Varsta : 27
Data înscrierii : 20/04/2012
Mulțumiri : 4
Re: Personalizare spoler punBB
Salutare.
Încercaţi aşa:
Încercaţi aşa:
- Cod:
dl.spoiler dd div.spoiler_content {
margin-top: 5px !important;
padding-top: -10px !important;
background-color: transparent !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 0px !important;
border-top: 1px solid #d4d4d4 !important;
padding-bottom: 5px;
padding-top: 5px;
}
dl.spoiler dt {
color: #9C9C9C !important;
text-shadow: 1px 1px 1px #ffffff !important;
font-weight: normal !important;
font-size: 16px;
}
dl.spoiler dd div.spoiler_content.hidden {
display: block;
cursor: pointer;
margin-top: -23px;
background-image: url('http://i44.servimg.com/u/f44/16/34/60/70/sus10.png');
background-repeat: no-repeat;
z-index: 999;
border: 0px !important;
float: right;
height: 24px !important;
width: 30px !important;
background-color: transparent !important;
}
dl.spoiler{
background-image: url('http://i44.servimg.com/u/f44/16/34/60/70/grad10.jpg');
background-repeat: repeat-x;
background-color: #f5f5f5 !important;
padding-left: 5px !important;
padding-top: 5px !important;
padding-right: 5px !important;
padding-bottom: 3px !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #d4d4d4;
width: 98% !important;
}
dl.spoiler dd div.spoiler_content{
cursor: pointer;
margin-top: -21px;
background-image: url('http://i44.servimg.com/u/f44/16/34/60/70/jos10.png');
background-repeat: no-repeat;
z-index: 999;
border: 0px !important;
float: right;
height: 24px !important;
width: 30px !important;
background-color: transparent !important;
}
Re: Personalizare spoler punBB
Imi poti tu inlocui L! in Css ca nu reusesc:
- Cod:
input#username.inputbox[type=text] { padding-left: 20px; }
input#password.inputbox[type=password] { padding-left: 20px;}
input#username.inputbox {
background: #FFFFFF url('http://i48.servimg.com/u/f48/16/18/15/10/login_11.jpg') no-repeat top left;}
input#password.inputbox{
background: #FFFFFF url('http://i48.servimg.com/u/f48/16/18/15/10/login_12.jpg') no-repeat top left;}
input#username.inputfield[type=text] { padding-left: 20px; }
input#password.inputfield[type=password] { padding-left: 20px;}
input#username.inputfield {
background: #f3f3f3 url('http://cdn3.iconfinder.com/data/icons/humano2/16x16/emblems/emblem-people.png') no-repeat top left;}
input#password.inputfield {
background: #f3f3f3 url('http://cdn2.iconfinder.com/data/icons/ledicons/key.png') no-repeat top left;}
.post .posthead{
border: 1px solid #DDD;
background-color: #DEDFDF;
}
.post .posthead h2{
color: #828787;
font-size: 11px;
font-weight: normal !important;
}
.casuta-logare input[type="submit"]{
background-color: #000000;
border: Xpx solid #000000;
color: #000000;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.casuta-logare input{
width: 115px !important;
}
#pun-announcement {
border: none;
}
span.name strong a{
text-align: center !important;
}
/* Titlu tabel */
.main-head .h2{
color: #8A8A8A !important;
}
/* Continut tabel */
.main-content .entry-content{
color: #8A8A8A !importan
}
span.name {
margin-left: -90px;}
.lrang:before {
content: 'Rang: ';
color: #6B6B6B;
font-weight: bold;}
.bordura_avatar img {
padding: 6px !important;
background: url('http://i20.servimg.com/u/f20/16/20/44/07/1210.png');
border-radius: 5px;
border: 1px solid #ddd!important;
margin-left: -6px;}
.lrang {
width: auto !important;
padding: 1px !important;
margin-top: -20px !important;}
#avatar{
margin-top:-110px;
margin-left:1000px;
position:absolute !important;
}
.code-a{
float: right !important;
}
#profile-advanced-layout #tabs{
position: static !important;
}
.post .posthead{
margin-left: -195px !important;
width: 120% !important;
}
.pun {width: 1200px !important;}
.pun-crumbs{
display: none !important;
}
.panou-titlu {
margin-top: 5px !important;}
.tdfooter {
font-size: 12px;
}
#boxleft {u
font-family: Georgia;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
background-image: url(http://cdn1.iconfinder.com/data/icons/basicset/statistics_32.png);
background-position: top right;
background-repeat: no-repeat;
opacity: 0.9;
filter: alpha(opacity=90);
margin-right: 5px;
float: left;
border-right: 1px solid
#D1D1D1;
padding: 5px;
width: 450px;
}
.boxTitle2 {
color:
white;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 16px;
font-weight: bold;
float: left;
text-transform: uppercase;
margin: 8px 0 -10px;
background:
#303030;
margin: 8px 0 -10px;
height: 20px;
padding: 2px;
position: relative;
padding: 2px;
}
#boxleft {
font-family: Georgia;
}
#boxright {
font-family: Georgia;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
background-image: url(http://cdn1.iconfinder.com/data/icons/humano2/32x32/apps/preferences-contact-list.png);
background-position: top right;
background-repeat: no-repeat;
opacity: 0.9;
filter: alpha(opacity=90);
width: 450px;
float: left;
padding-left: 10px;
}
.boxTitle2 {
color:
white;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 16px;
font-weight: bold;
float: left;
text-transform: uppercase;
margin: 8px 0 -10px;
background:
#303030;
margin: 8px 0 -10px;
height: 20px;
padding: 2px;
position: relative;
padding: 2px;
}
.spatiu {
height: 6px;}
#password.inputbox {
border-radius: 8px;}
#username.inputbox {
border-radius: 8px;}
input {
border: 3px;}
.ddlogin fieldset { border: none !important;}
.casuta-logare {
float: right;
margin-left: 1070px;
padding: 5px;
background: transparent !important;
position: absolute;
margin-top: -10px;
border-radius : 5px;}
.panou-titlu{
position: relative !important;
bottom: 5px !important;
}
.post-options img{
position: relative !important;
top: 4px;
}
.user-info{
margin-left: -10px;
margin-right: -10px;
}
.pun .postmain .post-options {
background: white;
border-top: 0px !important;
border: 1px solid #D7D7D7;
padding: 4px;
float: right;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
margin-right: 50px !important;
}
#search-input {
position: absolute;
border-radius: 8px;
margin-left: 1050px;
margin-top: -127px;}
.statistici-forum{
background-image: url(http://invatam.net/images/web-design/bk.jpg);
}
.statistici-forum a[href="/viewonline"]{
background: url(http://i20.servimg.com/u/f20/13/90/47/94/user-p10.png) no-repeat;
padding-left: 19px;
padding-top: 2px;
}
.statistici-forum a[href="/statistics"]{
background: url(http://i73.servimg.com/u/f73/15/53/44/62/motane14.png) no-repeat;
padding-left: 19px;
padding-top: 2px;
}
.onlineimg{
position: relative !important;
left: 1000px !important;
bottom: 20px !important;
}
.post .posthead h2{
max-height: 20px !important;
}
div.main-head.clearfix p.h2, div.main-head.clearfix div.numarpagina, div.main-head.clearfix p.options a.exthelp{
color: #000000 !important;
}
#pun-navlinks ul li{
margin-right: -10px !important;
}
#pun-head {
margin-right: -4px;
}
.user-contact a{
margin-left: -7px !important;
margin-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.user-contact a img{
margin-left: 2px !important;
margin-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.statistici-forum{
border: 1px solid #DDD;
background-color: #FAFAFA;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited{
background-image: url(http://i46.servimg.com/u/f46/11/96/49/61/questi11.png);
padding: 2px 0px 2px 20px;}
.sig-content{
border: 1px solid #D7D7D7;
background-color: #FFF;
margin-left: -20px;
margin-right: 30px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.border_categorii .row_tema_center img{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
.border_categorii .row_tema_center img:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-khtml-opacity: 1.0;
-moz-opacity: 1.0;
opacity: 1.0;
}
textarea#text_editor_textarea {
margin-left: 5px;
}
.paginare {
margin: 1px;
color:#fff;
float:left;
text-transform: uppercase;
margin-left: 5px;
font-size:10px;
font-weight: bold!important;}
.paginare a,.paginare b {
background: #f1f1f1;
padding-right: 5px;
color: #0061b0;
padding-left: 5px;
border: 1px solid #DCDCDC;
padding-bottom: 2px;
padding-top: 2px;}
paginare a:last-child,.paginare a:first-child {
position: relative;}
.paginare b {
border-right: #036cb4 1px solid;
padding-right: 5px;
border-top: #036cb4 1px solid;
padding-left: 5px;
font-weight: bold;
padding-bottom: 2px;
margin: 2px;
border=left: #036cb4 1px solid;
color: #fff;
padding-top: 2px;
border-bottom: #036cb4 1px solid;
background-color: #036cb4;}
textarea#text_editor_textarea{
background: url(http://i.imgur.com/zDDml.png) no-repeat center center !important;
}
.frm-buttons{
border-top: 0px !important;
}
dd.dd-textarea{
margin-left: 0 !important;
-webkit-margin-start: 0px !important;
padding-left: 100px !important;
padding-right: 100px !important;
}
#pun-qpost.main #text_editor_controls p.left-box #text_edit{
text-align: center !important;
position: relative;
left: 100px;
}
label[for="text_editor_textarea"]{
display: none;
}
#text_editor_textarea{
left: -30px;
}
#text_editor_textarea.quick_reply_textarea{
position: relative !important;
right: 30px !important;
}
td.row_tema_center { background: #fff !important; }
td.statut_mesaj { background: #fff !important; }
td.row_tema_left { background: #fff !important; }
td.row_tema_right { background: #fff !important; }
td.row_tema_lastpost {
background: #fff url() !important;
background-repeat: no-repeat !important;
width: 184px !important;
height: 58px !important;
padding: 3px !important;}
.row_tema_lastpost a {
margin-left: 20px !important;}
.row_tema_lastpost a {
padding-left: 10px !important;}
.row_tema_lastpost br {
display: none !important;
heightL: 0px !important;}
div.bordura_avatar a img{
max-height: 200px !important;
}
span.postdetails.poster-profile{
position: relative !important;
bottom: 10px !important;
}
span.postdetails.poster-profile div.user-info{
position: relative !important;
bottom: 15px;
}
#cvptrec{
position: absolute !important;
top: 45px;
right: 100px;
}
.row_tema_lastpost .chenarel{
font-size: 0px !important;
visibility: hidden !important;
}
.row_tema_lastpost .chenarel a, .row_tema_lastpost .chenarel br{
font-size: 12px !important;
visibility: visible !important;
}
.rank-colt img {
position: absolute;
float: left;
margin-left: 40px;
margin-top: -265px;}
.user-info {
color: #666;
line-height: 1.8em;
text-align: left;
border-radius: 8px;
border: 1px solid #CCC;
padding: 2px;
background: #FCFCFC;
padding-left: 10px;
}
.bgcatfoot{
width: 100% !important;
height: 7px !important;
}
.bgcatfoot td{
background-image: url(http://i.imgur.com/xLv8n.jpg);
width: 100% !important;
height: 7px !important;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.usertest{text-align:center !important;}
.postprofile:hover {
opacity: 1;
}
.pun .post-entry{
width: 100%;
margin-right: 0px;
}
.post .posthead{
width: 100%;
position: relative;
right: 25px;
}
a:link {
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;}
.pun .main .main-content p.message {
background: url(http://cdn2.iconfinder.com/data/icons/august/PNG/Get%20Info.png) no-repeat 10px, url("http://i40.servimg.com/u/f40/17/00/85/53/box_pa10.png") repeat 0 0 #E8FCC2;
border: 1px solid #CDE4A2;
margin: 1.7em 10px 10px 10px;
padding: 1em;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 1px #FFFFFF inset;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 1px #FFFFFF inset;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 1px #FFFFFF inset;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #728D40;
text-shadow: 1px 1px 0 white;
font-size: 14px;
}
.main-content.standalone .button.button1 {
background: url(http://i48.servimg.com/u/f48/16/58/73/11/sez10.png);
padding: 5px;
border-radius: 2px;
border: 1px solid #CACACA;
}
.main-content.standalone .button {
background: url(http://i48.servimg.com/u/f48/16/58/73/11/sez10.png);
padding: 5px;
border-radius: 2px;
border: 1px solid #CACACA;
}
.main-content.standalone {
border-radius: 5px;
}
.main-content.standalone h2 {
border-bottom: 0px solid #DDD;
}
button, input {
background: url(http://i48.servimg.com/u/f48/16/58/73/11/sez10.png);
padding: 5px;
border-radius: 2px;
border: 1px solid #CACACA;
}
.pun .frm .frm-buttons input {
background: url(http://i48.servimg.com/u/f48/16/58/73/11/sez10.png);
padding: 5px;
border-radius: 2px;
border: 1px solid #CACACA;
}
.main .frm-info {
background: url("http://cdn2.iconfinder.com/data/icons/tango/48x48/status/dialog-warning.png") no-repeat 10px 50%, url(http://i40.servimg.com/u/f40/17/00/85/53/box_pa10.png);
border: 1px solid #DBDBDB;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 1.7em;
padding: 1em 0 1em 5em;
background-color: #DBDBDB;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0 0 1px #FFFFFF inset!important;
text-shadow: 1px 1px 0 white!important;
font-size: 16px;
color: #000000;
}
.pun .posthead {
border-bottom: 1px solid transparent;
}
.pun {
border: 1px solid white;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
-webkit-box-shadow: 0 0px 2px 0px #999, inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0px 2px 0px #999, inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 2px 0px #999, inset 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.usertest {
float: left;
width: 150px;
margin-left: -222px;
background: white;
margin-top: -1px;
position: relative;
border: 1px solid #D7D7D7;
padding: 15px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-top-right-radius: 0px;
border-bottom-right-radius: 6px;
padding-bottom: 5px;
}
#tabs ul li a {
text-margin: 10px;
position: relative;
margin-top: 35px;
border: 1px solid #CACACA;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background: url(http://invatam.net/images/web-design/bk.jpg);
text-decoration: none;
}
.pun .main .main-content p.message {
background: transparent;
border: none;
}
#stats1 {
border: 1px solid #D7D7D7;
border-radius: 5px 5px 0px 0px;
background: #F9F9F9;
padding: 7px;
border-bottom: 0px;
}
#onlinelist2 {
border: 1px solid #D7D7D7;
border-radius: 0px 0px 5px 5px;
background: #F9F9F9;
padding: 7px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
border-left: 0px;
border-right: 0px;
}
.pun table.table td {
border-left: 0px;
}
.numarmesaj {
background:
white;
background-image: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color:
white;
padding: 7px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid
#CCC;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color:
#CCC;
border-right-color:
#CCC;
border-bottom-color:
#CCC;
border-left-color:
#CCC;
border-radius: 0px 0px 0px 5px;
font-family: Arial;
float: right;
position: relative;
top: 8px;
left: -15px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}
thead {
background: -moz-linear-gradient(top, white, whiteSmoke);
background: -webkit-gradient(linear, left top, left bottom, from(white), to(whiteSmoke));
border-left: 1px solid #D7D7D7;
border-top: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;
margin-top: 0px;
margin-left: -222px;
width: 933px;
}
.pun table td.tcl {
background: -moz-linear-gradient(top, white, whiteSmoke);
background: -webkit-gradient(linear, left top, left bottom, from(white), to(whiteSmoke));
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background: -moz-linear-gradient(top, white, whiteSmoke);
background: -webkit-gradient(linear, left top, left bottom, from(white), to(whiteSmoke));
}
.pun table.table td {
background: -moz-linear-gradient(top, white, whiteSmoke);
background: -webkit-gradient(linear, left top, left bottom, from(white), to(whiteSmoke));
}
.pun .posthead {
background: -moz-linear-gradient(top, white, whiteSmoke);
background: -webkit-gradient(linear, left top, left bottom, from(white), to(whiteSmoke));
border-left: 1px solid #D7D7D7;
border-top: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;
margin-top: 0px;
margin-left: -200px;
width: 933px;
}
.pun .post-entry {
position: relative;
top: 7px;
padding: 6px;
min-height: 430px;
border-radius: 6px;
left: -16px;
background: white;
position: relative;
border: 1px solid #D7D7D7;
width: 740px;
}
.pun .post {
background-color: #F9F9F9;
margin-top: 0px;
border-bottom: 0px;
border: 1px solid #D7D7D7;
}
.pun .postmain {
border-left: 0px solid #DDD;
}
.postfoot {
border-top: 0px dashed #CCC;
}
#text_editor_textarea {
border-radius: 3px;
border: 1px solid #D7D7D7;
position: relative;
left: -241px;
height: 240px;
}
fieldset.frm-set.multi {
border-bottom: 0px dashed #DDD;
}
hr {
border: 0 none white;
border-top: 1px solid #D7D7D7;
clear: both;
display: block;
height: 1px;
margin: 5px 0;
}
/*CSS pentru tutoriale--*/
.moderation_red_one {
background: #FAADAD;
border: 1px solid #C20000;
width: 100%;
padding: 3px;
border-radius: 4px;
color: #A11F1F;
text-shadow: 0px 0px 0px white;
}
/*End CSS pentru tutoriale--*/
td.row_tema_center {
opacity: 0.9;
filter: alpha(opacity=90);
}
td.row_tema_center:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
td.statut_mesaj, td.row_tema_center, td.row_tema_left, td.row_tema_right{
background: -moz-linear-gradient(top, white, whiteSmoke);
background: -webkit-gradient(linear, left top, left bottom, from(white), to(whiteSmoke));
}
td.row_tema_lastpost {
background: -moz-linear-gradient(top, white, whiteSmoke);
background: -webkit-gradient(linear, left top, left bottom, from(white), to(whiteSmoke));
}
.codebox dd {
background: url(http://i43.servimg.com/u/f43/16/83/84/03/catego13.png) repeat #F4F9FD !important;
}
.postmain blockquote {
background: url(http://i43.servimg.com/u/f43/16/83/84/03/catego13.png) repeat #F4F9FD !important;
border: 1px solid #A1A1A1 !important;
font-family: Arial,Helvetica,sans-serif;
border-radius: 5px;
}
.codebox {
background: url(http://i43.servimg.com/u/f43/16/83/84/03/catego13.png) repeat #F4F9FD !important;
border: 1px solid #A1A1A1 !important;
text-shadow: 1px 1px 0 white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.codebox dd.cont_code {
background: url(http://i43.servimg.com/u/f43/16/83/84/03/catego13.png) repeat #F4F9FD !important;
}
.main .main-foot {
text-magin: 10px;
border: 1px solid #CACACA;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background: url(http://invatam.net/images/web-design/bk.jpg);
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
color: #7C7C7C;
font-size: 12px;
}
.main .main-head .page-title {
color: #7C7C7C;
font-size: 12px;
}
.main .main-head {
margin-top: 5px;
}
#group-legend {
font-size: 0;
color: transparent;
line-height: 0;
}
#group-legend a {
font-size: 12px;
line-height: normal;
margin: 0 8px 0 0;
}
.pun .paged-foot, .pun .paged-head {
background: transparent;
border: none;
}
.main .main-head {
text-magin: 10px;
border: 1px solid #DDD;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background: url(http://invatam.net/images/web-design/bk.jpg);
}
#text_editor_textarea {
border-radius: 3px;
border: 1px solid #D7D7D7;
position: relative;
left: -241px;
height: 240px;
}
.statistici-forum {
margin-top: -5px;
text-align: left;
margin-left: 7px;
}
.cine-on {
font-size: 12px;
padding-left: 5px;
padding-right: 5px;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #DDD;
background: url('http://invatam.net/images/web-design/bk.jpg');
}
.statistici {
margin-left: -10px;
border-left: none !important;
font-size: 12px;
padding: 3px;
margin-bottom: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #DDD;
background: url('http://invatam.net/images/web-design/bk.jpg');
}
#pun-head #pun-navlinks {
padding: 9px 6px 11px 20px;
background: #548D93;
border-color: #dddddd;
height: 14px;
width: 98.4%;
margin-left: -5px;
margin-top: -39px;
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
}
/*INCEPUT-----DESIGN SI CODARE REALIZATA DE EMANUEL-----------------------------------------------*/
.border_categorii{
border-top:0px;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;}
#titlu_categorii h2{
padding:4px;
margin:4px;
color: #7C7C7C;
font-size:12px;}
td.row_tema_right{
padding:6px;
color: #7C7C7C;
font-size:12px;
text-align:center;
border-right: 0px solid #dddddd;
border-bottom: 1px solid #dddddd;}
td.row_tema_left{
padding:3px;
color: #7C7C7C;
font-size:12px;
text-align:center;
border-left: 0px solid #dddddd;
border-right: 0px solid #dddddd;
border-bottom: 1px solid #dddddd;}
td.statut_mesaj{
width:20px;
padding:3px;
border-right: 0px solid #dddddd;
border-bottom: 1px solid #dddddd;}
td.row_tema_center{
color: #7C7C7C;
width:500px;
padding:3px;
font-size:12px;
border-bottom: 1px solid #dddddd;}
td.row_tema_lastpost{
color: #7C7C7C;
padding:3px;
width:150px;
border-bottom: 1px solid #dddddd;}
#titlu_categorii{
text-magin:10px;
border: 1px solid #dddddd;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background: url(http://invatam.net/images/web-design/bk.jpg);}
#lastpost{font-size:12px;}
#lastpost a{font-size:0px;}
#lastpost img{display:none;}
#lastpost br{display:none;}
#autor a{font-size:12px;}
#autor{font-size:0px;}
.border_categorii a{
color: #7C7C7C;
text-decoration: none !important;}
/*SFARSIT-----DESIGN SI CODARE REALIZATA DE EMANUEL-----------------------------------------------*/
span.status img{ margin-left: -13px;}
#statsf {
margin: 0;
padding: 0;
color: #ABABAB;
}
.reclame {
position: relative;
margin-left: 147px;
}
#top-menu {
margin: 0;
padding: 0;
height: 51px;
}
.top-menu {
margin: 0;
padding: 10px 0 0 0;
}
body a {
color: #548D93;
text-decoration: none;
}
#top-menu img {
margin: 0 20px 0 0;
padding: 0;
}
.invatam-footer {
margin: 0;
padding: 5px 5px;
}
#links-down {
float: left;
width: 150px;
margin: 0 8px 0 0;
padding: 0;
}
.links-down {
margin: 0;
padding: 5px;
}
#links-down h2 {
color: #ABD1D5;
font-family: invatam;
font-size: 16pt;
}
#links-down ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#links-down li {
margin: 3px 0;
padding: 0 0 3px 0;
border-bottom: 1px solid #676767;
}
#links-down li a {
color: white;
font-weight: normal;
}
#footer-dojo {
clear: left;
background: url(http://invatam.net/images/web-design/pattern.png) repeat;
border-top: 3px solid #ABD1D5;
}
.spacesmall {
clear: left;
height: 0px;
}
.my-copyrights {
margin: 5px 0 0 0;
padding: 10px 0 0 0;
font-size: 11px;
color: #C3C3C3;
border-top: 1px dotted #777;
}
#logo-area {
clear: left;
position: relative;
margin-left: 20px;
padding: 0;
height: 90px;
background: url() no-repeat bottom right;
}
.logo-image {
float: left;
clear: right;
min-height: 2em;
height: auto !important;
height: 2em;
padding: ;
}
body a {
color: #548D93;
text-decoration: none;
}
#logo-area img {
float: left;
margin: 0;
padding: 0;
}
.promo {
margin: 0;
padding: 20px 10px 0 350px;
font-size: 12px;
font-family: arial;
}
#promo h2 {
margin: 0 0 4px 0;
padding: 0;
font-family: invatam;
font-weight: normal;
font-size: 18pt;
color: #548D93;
text-shadow: 1px 1px white;
}
.promo {
margin: 0;
padding: 20px 10px 0 350px;
font-size: 12px;
font-family: arial;
}
.spacer {
clear: left;
height: 20px;
}
body {
width: auto;
min-width: 650px;
max-width: auto;
margin: 0px 0px 0px 0px;
font-size: 13px;
background: url(http://invatam.net/images/web-design/bk.jpg);
line-height: 1.230;
}
#web-design-back {
background: url(http://invatam.net/images/web-design/top-bk.png) repeat-x top center;
height: 41px;
width: 100%;
display: table;
}
#web-design-back {
background: url(http://invatam.net/images/web-design/top-bk.png) repeat-x top center;
height: 41px;
width: 100%;
display: table;
}
#my-account-area {
clear: left;
margin: 0 0 5px 0;
padding: 0;
background: #EBF4F5;
border-bottom: 2px solid #DBE9EB;
}
.my-account-area {
margin: 0;
padding: 5px 10px 0 10px;
}
.toplinks {
color: #34676C;
font: normal normal normal 11px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
text-align: right;
background: none;
}
#welcoming {
clear: left;
margin: 0;
padding: 0;
text-align: left;
}
#welcoming h2 {
margin: 0 0 4px 0;
padding: 0;
font-family: invatam;
font-weight: normal;
font-size: 18pt;
color: #548D93;
text-shadow: 1px 1px white;
}
#welcoming p {
margin: 0 0 6px 0;
padding: 0;
font-size: 12px;
color: #3E3E3E;
}
#intra {
clear: left;
margin: 5px 0 0 0;
width: 130px;
padding: 1px 2px 1px 5px;
background: #548D93;
color: white;
font-size: 14px;
}
#intra a {
color: white;
}
#pun-title {
display:none;
}
p#pun-desc {
display:none;
}
.pun {
background: white;
border: 1px solid #BFBFBF;
margin-bottom: 55px;
}
#pun-intro {background:none; border: none;}
#pun-navlinks a, #pun-navlinks a:visited {
color: #fff;
text-decoration: none;}
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
}
#pun-navlinks ul {
margin: 0;
padding: 0;
list-style-type: none;}
#pun-navlinks li {
margin: 0 12px 0 0;
padding: 0;
display: inline;
}
#pun-navlinks li a {
color: white;
font-family: invatam;
font-size: 16px;
text-decoration: none;
font-weight: normal;
}
ul#pun-legend, ul.pun-legend {
display: none;
}
#qjump {
display: none;
}
#pun-about {
background: transparent;
border: none;
}
#pun-visit, .main-box {
display: none;
}
.addthis {
position: relative;
margin-left: 580px;
}
.notice {
background: #FFEB90 none;
font-size: 12px;
color: #3E3E3E;
padding: 5px 10px;
margin-bottom: 5px;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
box-shadow: 1px 1px 1px #c8c8c8;
text-align: left;
clear: both;
}
.notice2 {
background: #FFEB90 none;
font-size: 12px;
color: #3E3E3E;
padding: 5px 10px;
margin-top: 5px;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;
box-shadow: 1px 1px 1px #c8c8c8;
text-align: left;
clear: both;
}
.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {
color: #7C7C7C;
font-size: 12px;
text-decoration: none;
}
.addthis_toolbox{
position: relative !important;
left: 220px;
top: 3px;
}
.pun .post-entry{
width: 100%;
margin-right: 0px;
}
.post .posthead{
width: 100%;
position: relative;
right: 25px;
}
.post .posthead{
margin-left: 1px;}
.post-entry{
margin-left: -15px;}
#pun-qpost.main #text_editor_controls p.left-box #text_edit{
text-align: center !important;
position: relative;
left: 100px;
}
label[for="text_editor_textarea"]{
display: none;
}
#text_editor_textarea{
left: -1px;
}
fieldset.frm-set div.frm-buttons input{
position: relative;
left: 45%;
}
.usertest{
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.statistici-forum td, .cine-on, .
#top-menu img{
position: relative !important;
right: -1000px;
}
.socializare{
margin-right: 5px;}
#top-menu img{
margin: 0px 5px 0px 0px;
}
.name strong a{
border: 1px solid #1px solid #DDD;
border-bottom: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: #E6E6E6;
padding: 3px;
bottom: 0px !important;
}
.lrang{
border: 1px solid #1px solid #DDD;
border-top: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background-color: #E6E6E6;
padding: 3px;
top: 0px !important;
bottom: 7px !important;
}
#legend {
font-size: 11px;
background:
white;
background: -moz-linear-gradient(top,
white 0%,
#F2F2F2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
white), color-stop(100%,
#F2F2F2));
background: -webkit-linear-gradient(top,
white 0%,
#F2F2F2 100%);
background-image: -webkit-linear-gradient(top,
white 0%,
#F2F2F2 100%);
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
background: -o-linear-gradient(top,
white 0%,
#F2F2F2 100%);
background: -ms-linear-gradient(top,
white 0%,
#F2F2F2 100%);
background: linear-gradient(top,
white 0%,
#F2F2F2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
padding: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid
#D7D7D7;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color:
#D7D7D7;
border-right-color:
#D7D7D7;
border-bottom-color:
#D7D7D7;
border-left-color:
#D7D7D7;
border-radius: 7px;
margin-left: 5px;
margin-top: 3px;
}
.textsts {
border-bottom: 1px solid
#D7D7D7;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:
#D7D7D7;
font-family: 'Droid Sans';
padding: 7px;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
font-size: 15px;
text-shadow: 0px 0px 1px
#D7D7D7;
}
.ccoloana1 {
text-shadow: 1px 1px 1px white;
left: 4px;
background: white;
background: -moz-linear-gradient(top, white 0%, #F2F2F2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#F2F2F2));
background: -webkit-linear-gradient(top, white 0%,#F2F2F2 100%);
background-image: -webkit-linear-gradient(top, white 0%, #F2F2F2 100%);
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
background: -o-linear-gradient(top, white 0%,#F2F2F2 100%);
background: -ms-linear-gradient(top, white 0%,#F2F2F2 100%);
background: linear-gradient(top, white 0%,#F2F2F2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
position: relative;
border-radius: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
width: 661px;
font-size: 11px;
border: 1px solid #D7D7D7;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #D7D7D7;
border-right-color: #D7D7D7;
border-bottom-color: #D7D7D7;
border-left-color: #D7D7D7;
padding: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.ccoloana2 {
text-shadow: 1px 1px 1px
white;
background:
white;
background: -moz-linear-gradient(top,
white 0%,
#F2F2F2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
white), color-stop(100%,
#F2F2F2));
background: -webkit-linear-gradient(top,
white 0%,
#F2F2F2 100%);
background-image: -webkit-linear-gradient(top,
white 0%,
#F2F2F2 100%);
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
background: -o-linear-gradient(top,
white 0%,
#F2F2F2 100%);
background: -ms-linear-gradient(top,
white 0%,
#F2F2F2 100%);
background: linear-gradient(top,
white 0%,
#F2F2F2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
font-size: 11px;
border: 1px solid
#D7D7D7;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color:
#D7D7D7;
border-right-color:
#D7D7D7;
border-bottom-color:
#D7D7D7;
border-left-color:
#D7D7D7;
padding: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
Re: Personalizare spoler punBB
Poftim? Eu v-am dat codul mai sus, dvs. trebuie doar să-l adăugaţi!
Re: Personalizare spoler punBB
Aşa?
- Cod:
dl.spoiler dd div.spoiler_content {
margin-top: 5px !important;
padding-top: -10px !important;
background-color: transparent !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 0px !important;
border-top: 1px solid #d4d4d4 !important;
padding-bottom: 5px;
padding-top: 5px;
}
dl.spoiler dt {
color: #9C9C9C !important;
text-shadow: 1px 1px 1px #ffffff !important;
font-weight: normal !important;
font-size: 16px;
}
dl.spoiler{
background-image: url('http://i44.servimg.com/u/f44/16/34/60/70/grad10.jpg');
background-repeat: repeat-x;
background-color: #f5f5f5 !important;
padding-left: 5px !important;
padding-top: 5px !important;
padding-right: 5px !important;
padding-bottom: 3px !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #d4d4d4;
width: 98% !important;
}
Re: Personalizare spoler punBB
width: 100px;
Vexx- Membru activ
- Mesaje : 463
Varsta : 27
Data înscrierii : 20/04/2012
Mulțumiri : 4
Re: Personalizare spoler punBB
Poftim:
- Cod:
dl.spoiler{
width: 100%;
}
Re: Personalizare spoler punBB
Ne puteţi lăsa o imaginea la ceea ce vă deranjează?
Pagina 1 din 3 • 1, 2, 3
Subiecte similare
» Personalizare cod
» Personalizare Statistici
» Personalizare Inregistrare
» Personalizare butoane
» Personalizare portal
» Personalizare Statistici
» Personalizare Inregistrare
» Personalizare butoane
» Personalizare portal
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 3
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum