Profil ca pe IBP (punbb)
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 2 • Distribuiţi
Pagina 1 din 2 • 1, 2
Profil ca pe IBP (punbb)
Salut ! Cum pot face profilul ca in imagine ? Folosesc punbb.
Ultima editare efectuata de catre D1esel in Vin Iun 26, 2015 5:45 pm, editata de 1 ori
Re: Profil ca pe IBP (punbb)
Buna ziua,
Am sa va rog, inainte de a deschide un subiect cu o intrebare/problema, sa folositi functia Cautare, aceasta are un rol folositor in cadrul forumului. De asemenea, raspunsul la intrebarea/problema intampinata o veti gasi in urma rezultatelor cautarii.
Incercati:
https://help.forumgratuit.ro/t48966-
https://help.forumgratuit.ro/t49322-
Am sa va rog, inainte de a deschide un subiect cu o intrebare/problema, sa folositi functia Cautare, aceasta are un rol folositor in cadrul forumului. De asemenea, raspunsul la intrebarea/problema intampinata o veti gasi in urma rezultatelor cautarii.
Incercati:
https://help.forumgratuit.ro/t48966-
https://help.forumgratuit.ro/t49322-
Re: Profil ca pe IBP (punbb)
Imi da eroare la CSS
Uite CSS:
Uite CSS:
- Cod:
#pun-logo img:hover { opacity: 0.8;}
#pun-about #qjump { display: none;}
#pun-about { text-align: center !important;}
.pun tbody.statused span.status img {
margin-left: -20px;
padding-top: 15px !important;}
.pun tbody.statused td.tcl { padding-left: 57px !important;}
#stats {
border: 1px solid #1E1E1D;
background-color: #181818;
line-height: 150%;
padding: .6em 1em;
border-bottom: 1px solid black;}
#onlinelist {
border: 1px solid #1E1E1D;
box-shadow: inset 0px 1px 0px #1E1E1D;
background-color: #181818;
border-top: 1px dashed rgba(0,0,0,0.3) !important;
padding: .6em 1em;
border-top: 1px solid #333;
border-bottom: 1px solid black}
#pun-announcement {
box-shadow: inset 0px 1px 0px #1E1E1D;
border-top: 0px solid #fff !important;
border: 1px solid rgba(0,0,0,0.3);
background: #181818;}
#fa_ticker_block .main-content{
border: 1px solid rgba(0,0,0,0.5);
background: rgba(0,0,0,0.6);}
#fa_ticker_container{top: -1px;}
#pun-intro {
border-bottom: 0px solid #fff !important;
border: 1px solid rgba(0,0,0,0.3);
background: rgba(0,0,0,0.5);}
#pun-head #pun-navlinks {
box-shadow: inset 0px 1px 0px #1E1E1D;
border: 1px solid rgba(0,0,0,0.3);
background: rgba(0,0,0,0.6);}
.module .main .main-head {
border-bottom: 1px solid #000 !important;
border: 1px solid rgba(0,0,0,0.5) !important;
background: rgba(0,0,0,0.6) !important;}
.module .main-content {
border-top: 0px solid #fff !important;
box-shadow: inset 0px 1px 0px #1E1E1D;}
body {
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
margin: 0px;
padding: 0px;
background: url('http://www.moviesample.net/wp-content/themes/detube/images/bg-pattern-black.png');
font-size: 11px;
color: #fff;
font-family: 'Verdana','Sans Serif','Trebuchet MS','Arial','Helvetica','Times';}
a, a:hover {
transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;}
a {
color: white;
cursor: pointer;
text-shadow: 0px -1px 1px black;
text-decoration: none;
outline: 0px none;}
.pun {
margin-top: 5px;
margin-bottom: 20px;
border: 1px solid #000;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 1px rgb(102, 102, 102) inset, 0px 0px 50px rgba(0, 0, 0, 0.5) inset;
background: rgba(51, 51, 51, 0.9);}
}
#nav_wrap {
background: #171717;
border-top: 1px solid #111;
border-bottom: 1px solid black;
height: 35px;
}
#user_navigation{
color:#9f9f9f;
float:right;
font-size:11px;
line-height:35px;
height:35px;
border-left:1px solid #2b2b2b
}
#user_navigation a:hover{
text-decoration: none!important;
background:#232323!important}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation a {
color: #fff!important;
float: left;
padding: 0 12px;
line-height: 35px;
outline: none;
height: 35px;
border-right: 1px solid #2b2b2b!important;
position: relative;
bottom: 12px;
text-decoration: none!important;
}
#primary_nav {
font-size: 12px;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
float: left;
padding: 3px 0 0 0;
}
#primary_nav {
font-size: 12px;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
text-decoration: none!important;
background: none!important;
}
#community_app_menu > li.active a {
background: #212121!important;
color: #fff;
border-top: 1px solid #565656;
border-left: 1px solid #2f2f2f;
border-right: 1px solid #2f2f2f;
padding-bottom: 1px;
text-decoration: none!important;
}
#community_app_menu > li > a {
text-decoration: none!important;
color: #bcbcbc;
background: #1d1d1d!important;
border-left: 1px solid #1f1f1f;
border-right: 1px solid #1f1f1f;
border-top: 1px solid #252525;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
display: block;
outline: none;
padding: 0px 15px;
line-height: 31px;
height: 31px;
position: relative;
bottom: 13px;
}
a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;
cursor: auto;
}
#community_app_menu > li > a:hover{
color: white;
text-decoration: none!important;
background: #222!important;
border-bottom: none;
}
ol, ul {
list-style: none;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
body {
background: #212121;
color: #bcbcbc;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}
#pun-navlinks a{
color: white;}
#branding {
background: url(http://i74.servimg.com/u/f74/14/12/03/12/banner10.png) repeat-x 0 0;
height: 100px;
position: relative;
bottom: 20px;
border-top: 1px solid #083951;
margin-top: 0.2em;
}
#pun-logo {
position: relative;
top: 15px;}
.pun table.table td {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
border: 1px solid #333;
box-shadow: 0px 0px 1px black;
}
.main .main-head {
background:url(http://i42.servimg.com/u/f42/14/12/03/12/32r23t10.png);
border: 1px solid #00509B;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 10px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 4px;
}
.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
color: #f5f5f5;
}
.pun table .tcr {
width: 18%!important;}
.pun table th.tc2{
width: 8%!important;}
.status{
margin-top:-1em;}
#pun-visit, .main-box {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
border: 1px solid #141414;
box-shadow: 0px 0px 1px #ddd inset;
border-radius: 5px;
color: #f5f5f5;}
a.mainmenu{
color: white;
text-decoration: none;
font-size: 12px;
font-weight: 600;}
a.mainmenu:hover{
color: #00569C!important;
text-decoration: none!important;}
.pun input{
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: white;
font-size: 12px;
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;}
textarea {
color: white;
font-size: 14px;
font-weight: 500;
text-shadow: 0px 1px 1px black!important;
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
font-family: verdana;}
.texarea:hover{
border: 1px solid #00569C!important}
.smiley-frame{
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
}
.editare{
border-radius: 5px;
background: #ff7883;
border: 1px solid #a10613!important;
color: #a10613;
font-size: 12px;
font-weight: 600;
text-shadow: 0px 1px 1px #f5bfc4;
box-shadow: 0px 0px 2px white inset;
padding-left: 3px;
position: relative;
top: 8px;}
.editare p{
position: relative;
bottom: 15px;
padding-left: 2px;}
.post{
color: white;
font-size: 14px;
font-weight: 500;
text-shadow: 0px 1px 1px black!important;font-family: verdana;}
.main .main-foot {
background: #00509B;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 10px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-top: 5px;
}
#i_whosonline + p br + br + em a {
background-image: linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -o-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.3, rgb(235,235,235)),
color-stop(0.83, rgb(255,255,255))
);
padding: 5px;
border: 1px solid #c9c9c9;
border-radius: 3px;
}
#i_whosonline + p br + br + em a:hover {
background-image: linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.3, rgb(255,255,255)),
color-stop(0.83, rgb(240,240,240))
);
padding: 5px;
border: 1px solid #c9c9c9;
border-radius: 2px;
}
#page-body #main-content em{
visibility: hidden;
font-size: 4px !important;
}
#page-body #main-content em b{
visibility: visible !important;
font-size: 12px !important;
}
#page-body #main-content em b{
position: relative !important;
right: 5px;
}
#header_menus
a{
color:#8a8a8a;
font-size:12px;
text-shadow:none;
text-decoration:none;
text-align:left}
#header_menus a:hover, #header_menus a.menu_active{
background-color:#292929;
color:#FFF}
#header_menus
a.active{
background-color:#323232;
color:#FC6D32}
#header_menus .submenu_container a:hover, #header_menus .submenu_container
a.menu_active{
background-color:#292929;
color:#FFF}
#header_menus .submenu_container
a.active{
background-color:#323232;
color:#FC6D32}
#header_menus .megamenu a:hover, #header_menus .megamenu
a.menu_active{
background-color:#323232;color:#FFF}
#header_menus .megamenu a.menu_active:hover{
background-color:#323232;
color:#FFF}
#header_menus .megamenu a.active,#header_menus .megamenu a.active:hover{
color:#FC6D32}
#header_menus li>a{
position: relative;
bottom: 9px;
padding:8px
10px 8px 10px}
#header_menus.megamenu>li{
position:relative}
#header_menus li
ul{
visibility:hidden;
position:absolute;
background-color:#181818}
#header_menus{
background:url(http://www.batalia.ro/forum/public/style_images/deflection/user_navigation.png);width:100%;text-align:left;line-height:32px}#header_menus
li{position:relative}#header_menu_bar li
a{min-width:150px;text-align:left}#header_menus li a.menucat:hover{border:0;cursor:default !important}#header_menus li
.downarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/down_arrow_head.png) no-repeat scroll left center transparent;display:inline-block;height:7px;width:9px}#header_menus li a.active .downarrow,#header_menus li:hover a.active:hover .downarrow, #header_menus li.active a.menu_active
.downarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/down_arrow_head_active.png) no-repeat scroll left center transparent;display:inline-block;height:7px;width:9px}#header_menus li a:hover .downarrow, #header_menus li a.active:hover .downarrow, #header_menus li a.menu_active
.downarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/down_arrow_head_hover.png) no-repeat scroll left center transparent;display:inline-block;height:7px;width:9px}#header_menus .submenu_container li a
.rightarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/right_arrow_head.png) no-repeat scroll left center transparent;display:inline-block;height:12px;width:6px;margin-top:7px;margin-right:5px}#header_menus .submenu_container li.active a .rightarrow, #header_menus .submenu_container li.active a:hover .rightarrow
, #header_menus .submenu_container li.active a.active:hover .rightarrow, #header_menus .submenu_container li.active a.menu_active
.rightarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/right_arrow_head_active.png) no-repeat scroll left center transparent;display:inline-block;height:12px;width:6px;margin-top:7px}#header_menus .submenu_container li a:hover .rightarrow, #header_menus .submenu_container li a.menu_active
.rightarrow{background:url(http://www.batalia.ro/forum/public/style_images/deflection/_menu_icons/right_arrow_head_hover.png) no-repeat scroll left center transparent;display:inline-block;height:12px;width:6px;margin-top:7px}#header_menus
.megamenu{background:#323232;font:normal 12px Verdana;margin:0px
auto;width:100%;height:100%;text-align:left}#header_menus
.category{min-width:150px;padding:10px
10px 10px 10px;top:0px;text-align:left}#header_menus .megamenu
a{display:block;float:left;min-width:100px;top:0px;text-align:left}#header_menus .category
a{display:block;float:left;min-width:100px;top:0px;text-align:left}#header_menus .block
p{margin-left:10px;margin-right:10px;margin-top:5px}#header_menus .category>.block{display:block;float:left}#header_menus .megamenu>.block{text-align:left;padding-left:10px;padding-top:10px;padding-bottom:10px;padding-right:10px}#header_menus .new_row, #header_menus .category .new_row
h3{padding-top:20px;display:block;float:left;text-align:left}#header_menus .category h3,#header_menus
h3{padding-bottom:5px;text-decoration:underline;float:left;text-align:left}
/*QUOTES, CODES AND SPOILERS----------------------------------*/
.codebox {
margin: 0.5em 3em;
margin-left: 5px;
padding: 0em;}
.codebox dt {
padding: 0.25em;}
.codebox dd {
margin: 0.5em;
padding: 0em;}
.codebox {
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A;}
.cont_code{background: none !important;}
blockquote{
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A !important;}
/*END--QUOTES, CODES AND SPOILERS----------------------------------*/
/*LEGENDS----------------------------------*/
#pun-legend {
background-repeat: no-repeat;
background-position: center 0px;
padding-top: 10px;
padding-bottom: 15px;
float: center;}
ul.pun-legend {
width: 650px;
border-bottom: 1px solid #353535;
margin-left: 100px;
text-align: left !important;
padding: 5px;
background: none;
margin-bottom: 0;}
#pun-legend img{margin-left: 20px;}
/*LEGENDS----------------------------------*/
.onsistem {
width: 95%;
margin-bottom: 10px;
margin-left: 22px;
background: #242424;
border: 1px solid #141414;
text-align: left;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
box-shadow: 0px 1px 0px #474747;
}
div#stat_id {
background: none;
display: table;
margin: 0 auto!important;
text-align: center!important;
}
.statsPers li {
float: left;
font-size: 12px;
margin: 2px 10px;
color: #5a5751;
}
li.statHide {
display: none;
}
.statsPers li > span {
display: inline-block;
background: none repeat scroll 0% 0% #464646;
color: #FFF;
padding: 2px 6px;
font-weight: bold;
border-radius: 2px;
margin-right: 3px;
}
ul[class="statsPers"] {
display: block;
list-style: none;
margin: 0 auto;
width: 100%;
}
.user-info {
border: 1px solid #2D2D2D;
margin-bottom: 10px;
margin-top: -10px;
padding: 8px;
text-align: left!important;
}
.user-basic-info {
background: url(http://i.imgur.com/8OKqAgJ.png) repeat-x scroll 0 -1px #202020;
border: 1px solid #2D2D2D;
border-bottom: 0 solid!important;
padding: 5px;
}
.pun .user-ident .user-basic-info {
font-weight: 700;
}
/* Aspect citate pentru forumurile punBB */
.postmain blockquote{
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:11px 0 6px 10px;
font-size:14px;
line-height:18px;
color:#504536;
font-family:Georgia;
font-style:italic;
}
.postmain blockquote div {
margin-top:7px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #D5DEE5;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF;
max-width:91%;
padding:15px 20px 10px 23px;
position:relative;
}
.postmain blockquote div:before {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent;
position:absolute;
width:16px;
height:16px;
top:15px;
left:3px;
}
.postmain blockquote div:after {
content:'';
position:absolute;
z-index:100;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq10.png) top left no-repeat transparent;
width:16px;
height:16px;
right:4px;
bottom:4px;
}
.postmain blockquote div cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px;
color:#fff;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent;
height:32px;
position:absolute;
z-index:100;
top:-15px;
text-shadow:#000 1px 1px;
left:0px;
}
.postmain blockquote div cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent;
width:31px;
height:38px!important;
left:-13px;
top:0;
}
.postmain blockquote div cite:after {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent;
position:absolute;
right:-10px;
width:10px;
height:32px;
top:0;
}
#groupLegend { font-size:0 }
#groupLegend b { font-size:11px }
#groupLegend b:after { content:" | " }
#groupLegend b:last-child:after { content:"" }
}
/*ipbperfilcss*/
.usernam-ipb ,.usernam-ipb span {
color: #7A7A7A!important;
font-size: 20px!important;
font-weight: bold!important;
line-height: 1.7!important;
}
.usernam-ipb em {
display: none!important;
}
.ipb-profile .mod-left {
width: 150px;
margin-left: -150px;
float: left;
}
.ipb-profile {
background: #EBF0F3;
padding: 9px;
clear: both;
padding-left: 188px;
overflow: hidden;
color: #5A5A5A;
font-family: helvetica, arial, sans-serif!important;
font-size: 11px;
}
.mod-center {
width: 98%;
float: left;
background: #FFF;
border: 1px solid #E4E4E4;
padding: 9px;
position: relative;
margin: auto;
}
.ipb-m-title h2 {
padding: 8px 10px; background: #F5F5F5; color: #868686; font-size: 11px; margin: 0;
font-weight: bold;
font-family: helvetica!important;
display:none;}
.co-ipb {
background: #FFF;
margin-bottom: 10px;
border: 1px solid #DDD;
margin: 5px;
min-height: 600px;
}
.ipb-profile dt, .ipb-profile dt span {
color: #5A5A5A!important;
font-weight: bold!important;
}
.m-info-ipb dt {
display: inline-block;
width: 200px;
text-align: right;
padding-right: 10px;
}
.m-info-ipb dd {
display: inline-block;
width: 350px;
}
.profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
display: none;
}
.m-info-ipb dl {
line-height: 1.3; font-size: 11px; background: #FEFEFE; border: 1px solid #EEE; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
}
.ipb-tab-us ul li a span {
display: block; padding: 10px 8px; outline: 0; font-size: 11px; color: #8D8D8D; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.3s ease-in-out;
}
.ipb-tab-us ul li {
background: #F6F8FB;
color: #808080;
border-bottom: 1px solid #DBE4EF; font-size: 13px;
}
.ipb-tab-us ul li :hover {
background: #EAEFF5;
color: #808080;
}
.ipb-tab-us {
width: 149px !important; margin-top: 10px; border-top: 1px solid #DBE4EF;
border-left: 1px solid #DBE4EF;
}
.ipb-profile li ,.ipb-tab-us ul {
list-style: none;
}
.ipb-tab-us ul li.activetab {
background: white;
width: 150px;
position: relative;
z-index: 9;}
.profile-ava img {
background: #FFF; padding: 1px; border: 1px solid #D3D3D3; max-width: 138px; max-height: 138px;
}
.estoyenline-i {
background: #7BA60D;
}
.ofline-ipb {
background: #B3B3B3;
padding: 0 5px;}
.estoyenline-i, .ofline-ipb{
display: inline-block;
height: 17px;
line-height: 17px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
border-radius: 2px;
vertical-align: middle;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
}
.pun .co-ipb .main-content {
background: #FFF;
border: 0;
}
.co-ipb#friends ol li {
padding: 8px 0 0 0;
margin: 5px 0 0 0;
min-width: 80px;
height: 70px;
list-style: none;
width: 100px;
display: inline-table;
text-align: center;
}
.co-ipb#friends ol li .avatar {
display: block;
border: 0;
background: 0;
text-align: center;
width: 100%;
}
#friends ol li .message-text ,.co-ipb#friends .message-footer li {
display: none;
}
.co-ipb ol li .avatar img:hover {
border-color: #7D7D7D;
}
.co-ipb ol li .avatar img {
background: #FFF;
padding: 1px;
border: 1px solid #D3D3D3;
height: 50px;
width: 50px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
#contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
display: block;
}
#estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
display: none;
}
#estadisticas .m-info-ipb ul li {
line-height: 1.3; font-size: 11px; background: #FEFEFE; border: 1px solid #EEE; padding: 8px; border-left: 0; border-right: 0; margin-bottom: -1px;
}
#estadisticas fieldset legend {
font-size: 13px;
font-weight: bold;
width: 100%;
font: bold 14px helvetica,arial,sans-serif;
padding: 8px 10px;
color: #204066;
background: #D8DDE8;
}
.co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
background: #EBF0F3;
padding: 9px;
}
#estadisticas .main-content .stats-field.genmed {
overflow: hidden;
margin-bottom: 24px;
background: #FFF;
}
#estadisticas .main-content .stats-field.genmed ul {
padding: 9px;
border: 1px solid #DBE4EF;
}
.co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
background: #2C5687 url(http://i.imgur.com/Lcy9BkS.png) repeat-x top;
color: #FFF; padding: 10px 10px 11px; border-radius: 4px 4px 0 0;
box-shadow: inset 0px 1px 0 #528CBC; border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid; font-size: 11px;
text-shadow: none;
}
#profilewall ,#estadisticas {
border-radius: 4px 4px 0 0;
border: none;
}
.pun .co-ipb a {
color: #225985;
}
.pun .co-ipb a:hover {
color: #328586;
}
.co-ipb#friends ol li .avatar img:hover {
border-color: #7D7D7D;
}
#estadisticas .m-info-ipb {
border: 1px solid #DDD;
}
#estadisgene span {
background: #244156; opacity: 1;
color: #FFF; padding: 4px 10px; font-weight: bold; border-radius: 10px; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}Łpanda_selector_1409656120498_90_m_pandaŁ{display:none;}
.mensajeprofile ol li.clearfix {
background: #FFF; border: 1px solid #DBE4EF;
padding: 9px;
margin-bottom: 9px;
position: relative;
}
.mensajeprofile .avatar {
border: 0;
background: 0;
display: inline;
float: left;
}
.mensajeprofile ol li .message-block {
overflow: hidden;
margin-left: 65px;
padding: 0;
}
.mensajeprofile ol li .message-block .message-header a {
font-weight: bold; font-size: 14px;
}
.mensajeprofile .message-date {
position: absolute;
bottom: 5px;
color: #A4A4A4; font-size: 12px;
background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
padding-left: 20px;
}
.mensajeprofile .message-text {
margin: 5px 0;
font-size: 14px; word-wrap: break-word;
}
#profilewall .message-footer {
float: right;
}
#profilewall .message-footer li {
display: inline;
margin-right: 10px;
}
.co-ipb .pagination b {
background: #7BA60D; color: #FFF; font-weight: bold; border-radius: 2px;
padding: 4px 5px;
}
.co-ipb .pagination a {
display: inline-block; color: #999;
background: none;
padding: 4px 5px;
}
.co-ipb .pagination a:hover {
background: #ECECEC; border-radius: 2px;
}
.co-ipb .pagination {
background: white;
border-radius: 5px 5px 0 0;
padding: 4px 10px;
}
#friends .message-header em {
display: block;
}
h2#friends {
font: normal 14px helvetica,arial,sans-serif;
padding: 8px 10px;
background: #DBE2EC;
color: #204066;
}
.co-ipb#contacto ,.co-ipb#friends {
border: 0;
}
.contact-ips dl dt {
display: inline-block;
width: 140px;
text-align: right;
}
.contact-ips dl dd {
width: 600px;
display: inline-block;
padding-left: 10px;
vertical-align: middle;
}
.lass-activiti {
display: inline-block;
margin-left: 10px;color: #C4C4C4;
}
.coin-ipb span {
font-size: 20px; font-weight: bold; display: block;
}
.coin-ipb #sub {
text-align: center; font-weight: normal;
}
.coin-ipb {
float: none; margin: 0 0 5px 0;
padding: 10px; text-align: center; font-weight: normal; display: block;
background: #80B700;
border-radius: 3px;
color: white;font-size: 13px;
}
.repu-ipb {
background: #DEDEDE; color: #6E6E6E;
float: none; margin: 0 0 5px 0; padding: 10px; text-align: center; font-weight: normal; display: block; border-radius: 3px;
font-size: 13px;
}
.repu-ipb span {
font-size: 20px; font-weight: bold; display: block;
}
.band-right {
margin-left: 612px;
top: -35px;
position: relative;
}
.co-ipb#profile {
border: 0;
}
.co-ipb#profile .in-ipb {
width: 600px;
border: 1px solid #EEE;
float: left;
border-top: 0;
}
h2#estadis {
width: 580px;
font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px;
background: #DBE2EC; color: #204066;
border: 1px solid #DBE2EC;
}
.module-ipb-right h2 {
font: normal 14px helvetica, arial, sans-serif; padding: 8px 10px; background: #DBE2EC; color: #204066;
}
.main-ipb-f {
padding: 9px;
}
.main-ipb-f .clear + a.mainmenu {
display: block;
text-align: center;
}
.main-ipb-f .friend-block {
display: inline-block;
float: none;
}
.main-ipb-f .avatar img {
padding: 1px; border: 1px solid #D5D5D5; background: #FFF; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.main-ipb-f .avatar {
border: 0;
background: none;
width: auto;
}
.main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
display: none;
}
.profi-add-ipb a#search-i {
background: #E6E6E6 url("http://i.imgur.com/tS9vehw.png") no-repeat 5px;
}
.rating-profile {
margin: 10px 0 20px 0;
}
.register-date {
margin-bottom: 10px;
font: normal 13px helvetica,arial,sans-serif;
}
.profi-add-ipb {
position: absolute;
right: 30px;
top: 95px;
color: rgba(0, 0, 0, 0);
}
.profi-add-ipb br {
display: none;
}
.pun .profi-add-ipb a {
display: inline-block;
background: #E6E6E6 url("http://i.imgur.com/5MlMsua.png") no-repeat 5px;
height: 17px;
line-height: 17px;
padding: 2px 2px 2px 25px;
border: 1px solid rgb(207, 207, 207);
box-shadow: 0px 7px 21px rgba(255, 255, 255, 0.76) inset, 0px 1px 0px rgba(0, 0, 0, 0.41); border-radius: 3px; color: #616161; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
margin-right: 15px;font-size: 12px;
}
.pun .profi-add-ipb a:hover {
border: 1px solid #A0A0A0;
}
.pun .profi-add-ipb a#men {
background: #E6E6E6 url("http://i.imgur.com/LE1LFBD.png") no-repeat 5px;
}
.pun .nav-ipb-top a {
color: rgb(85, 85, 85);
}
.nav-ipb-top {
position: relative;
margin-left: -140px;
margin-bottom: 10px;
}
.nav-ipb-top span {
margin: 0 5px;
}
.mod-center {
padding-bottom: 50px;
}
#word-link {
position: absolute;
bottom: 19px;
right: 26px;
z-index: 999!important;
color: #777;
font: normal 9px helvetica;
text-align: right;
}
.co-ipb div.activetab {
display: block!important;
}Łpanda_selector_1409656120498_188_m_pandaŁ{opacity: 1!important;}
}
Re: Profil ca pe IBP (punbb)
Incercati: https://help.forumgratuit.ro/t47877-
Cat despre problema intampinata in Foaia de stil CSS, trebuia sa eliminati aceasta linie:
Cat despre problema intampinata in Foaia de stil CSS, trebuia sa eliminati aceasta linie:
- Cod:
Łpanda_selector_1409656120498_188_m_pandaŁ{opacity: 1!important;}
}
Ultima editare efectuata de catre Raykim in Vin Iun 26, 2015 1:54 pm, editata de 1 ori
Re: Profil ca pe IBP (punbb)
Inlocuiti Foaia de stil CSS actuala cu aceasta:
- Cod:
#pun-logo img:hover {
opacity: 0.8;
}
#pun-about #qjump {
display: none;
}
#pun-about {
text-align: center !important;
}
.pun tbody.statused span.status img {
margin-left: -20px;
padding-top: 15px !important;
}
.pun tbody.statused td.tcl {
padding-left: 57px !important;
}
#stats {
border: 1px solid #1E1E1D;
background-color: #181818;
line-height: 150%;
padding: .6em 1em;
border-bottom: 1px solid black;
}
#onlinelist {
border: 1px solid #1E1E1D;
box-shadow: inset 0px 1px 0px #1E1E1D;
background-color: #181818;
border-top: 1px dashed rgba(0,0,0,0.3) !important;
padding: .6em 1em;
border-top: 1px solid #333;
border-bottom: 1px solid black;
}
#pun-announcement {
box-shadow: inset 0px 1px 0px #1E1E1D;
border-top: 0px solid #fff !important;
border: 1px solid rgba(0,0,0,0.3);
background: #181818;
}
#fa_ticker_block .main-content {
border: 1px solid rgba(0,0,0,0.5);
background: rgba(0,0,0,0.6);
}
#fa_ticker_container {
top: -1px;
}
#pun-intro {
border-bottom: 0px solid #fff !important;
border: 1px solid rgba(0,0,0,0.3);
background: rgba(0,0,0,0.5);
}
#pun-head #pun-navlinks {
box-shadow: inset 0px 1px 0px #1E1E1D;
border: 1px solid rgba(0,0,0,0.3);
background: rgba(0,0,0,0.6);
}
.module .main .main-head {
border-bottom: 1px solid #000 !important;
border: 1px solid rgba(0,0,0,0.5) !important;
background: rgba(0,0,0,0.6) !important;
}
.module .main-content {
border-top: 0px solid #fff !important;
box-shadow: inset 0px 1px 0px #1E1E1D;
}
body {
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
margin: 0px;
padding: 0px;
background: url('http://www.moviesample.net/wp-content/themes/detube/images/bg-pattern-black.png');
font-size: 11px;
color: #fff;
font-family: 'Verdana','Sans Serif','Trebuchet MS','Arial','Helvetica','Times';
}
a, a:hover {
transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
}
a {
color: white;
cursor: pointer;
text-shadow: 0px -1px 1px black;
text-decoration: none;
outline: 0px none;
}
.pun {
margin-top: 5px;
margin-bottom: 20px;
border: 1px solid #000;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5), 0px 0px 1px rgb(102, 102, 102) inset, 0px 0px 50px rgba(0, 0, 0, 0.5) inset;
background: rgba(51, 51, 51, 0.9);
}
#nav_wrap {
background: #171717;
border-top: 1px solid #111;
border-bottom: 1px solid black;
height: 35px;
}
#user_navigation {
color:#9f9f9f;
float:right;
font-size:11px;
line-height:35px;
height:35px;
border-left:1px solid #2b2b2b;
}
#user_navigation a:hover{
text-decoration: none!important;
background:#232323!important;
}
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation a {
color: #fff!important;
float: left;
padding: 0 12px;
line-height: 35px;
outline: none;
height: 35px;
border-right: 1px solid #2b2b2b!important;
position: relative;
bottom: 12px;
text-decoration: none!important;
}
#primary_nav {
font-size: 12px;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
float: left;
padding: 3px 0 0 0;
}
#primary_nav {
font-size: 12px;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
text-decoration: none!important;
background: none!important;
}
#community_app_menu > li.active a {
background: #212121!important;
color: #fff;
border-top: 1px solid #565656;
border-left: 1px solid #2f2f2f;
border-right: 1px solid #2f2f2f;
padding-bottom: 1px;
text-decoration: none!important;
}
#community_app_menu > li > a {
text-decoration: none!important;
color: #bcbcbc;
background: #1d1d1d!important;
border-left: 1px solid #1f1f1f;
border-right: 1px solid #1f1f1f;
border-top: 1px solid #252525;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
display: block;
outline: none;
padding: 0px 15px;
line-height: 31px;
height: 31px;
position: relative;
bottom: 13px;
}
a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;
cursor: auto;
}
#community_app_menu > li > a:hover{
color: white;
text-decoration: none!important;
background: #222!important;
border-bottom: none;
}
ol, ul {
list-style: none;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
body {
background: #212121;
color: #bcbcbc;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}
#pun-navlinks a{
color: white;
}
#branding {
background: url(http://i74.servimg.com/u/f74/14/12/03/12/banner10.png) repeat-x 0 0;
height: 100px;
position: relative;
bottom: 20px;
border-top: 1px solid #083951;
margin-top: 0.2em;
}
#pun-logo {
position: relative;
top: 15px;
}
.pun table.table td {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
border: 1px solid #333;
box-shadow: 0px 0px 1px black;
}
.main .main-head {
background:url(http://i42.servimg.com/u/f42/14/12/03/12/32r23t10.png);
border: 1px solid #00509B;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 10px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 4px;
}
.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
color: #f5f5f5;
}
.pun table .tcr {
width: 18%!important;
}
.pun table th.tc2{
width: 8%!important;
}
.status{
margin-top:-1em;
}
#pun-visit, .main-box {
background: #212121 url(http://i74.servimg.com/u/f74/14/12/03/12/row_gr10.png) repeat-x;
border: 1px solid #141414;
box-shadow: 0px 0px 1px #ddd inset;
border-radius: 5px;
color: #f5f5f5;
}
a.mainmenu {
color: white;
text-decoration: none;
font-size: 12px;
font-weight: 600;
}
a.mainmenu:hover {
color: #00569C!important;
text-decoration: none!important;
}
.pun input {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: white;
font-size: 12px;
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
}
#textarea {
color: white;
font-size: 14px;
font-weight: 500;
text-shadow: 0px 1px 1px black!important;
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
font-family: verdana;
}
#textarea:hover {
border: 1px solid #00569C!important;
}
.smiley-frame {
background: #333;
border: 1px solid #141414;
box-shadow: 0px 0px 1px white;
}
.editare {
border-radius: 5px;
background: #ff7883;
border: 1px solid #a10613!important;
color: #a10613;
font-size: 12px;
font-weight: 600;
text-shadow: 0px 1px 1px #f5bfc4;
box-shadow: 0px 0px 2px white inset;
padding-left: 3px;
position: relative;
top: 8px;
}
.editare p {
position: relative;
bottom: 15px;
padding-left: 2px;
}
.post {
color: white;
font-size: 14px;
font-weight: 500;
text-shadow: 0px 1px 1px black!important;font-family: verdana;
}
.main .main-foot {
background: #00509B;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 10px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-top: 5px;
}
#i_whosonline + p br + br + em a {
background-image: linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -o-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 30%, rgb(255,255,255) 83%);
padding: 5px;
border: 1px solid #c9c9c9;
border-radius: 3px;
}
#i_whosonline + p br + br + em a:hover {
background-image: linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(240,240,240) 83%);
padding: 5px;
border: 1px solid #c9c9c9;
border-radius: 2px;
}
#page-body #main-content em {
visibility: hidden;
font-size: 4px !important;
}
#page-body #main-content em b {
visibility: visible !important;
font-size: 12px !important;
}
#page-body #main-content em b {
position: relative !important;
right: 5px;
}
#header_menus a {
color:#8a8a8a;
font-size:12px;
text-shadow:none;
text-decoration:none;
text-align:left;
}
#header_menus a:hover, #header_menus a.menu_active {
background-color:#292929;
color:#FFF;
}
#header_menus a.active{
background-color:#323232;
color:#FC6D32;
}
#header_menus .submenu_container a:hover, #header_menus .submenu_container a.menu_active {
background-color:#292929;
color:#FFF;
}
#header_menus .submenu_container a.active {
background-color:#323232;
color:#FC6D32;
}
#header_menus .megamenu a:hover, #header_menus .megamenu a.menu_active {
background-color:#323232;color:#FFF;
}
#header_menus .megamenu a.menu_active:hover {
background-color:#323232;
color:#FFF;
}
#header_menus .megamenu a.active,#header_menus .megamenu a.active:hover {
color:#FC6D32;
}
#header_menus li>a {
position: relative;
bottom: 9px;
padding:8px 10px 8px 10px;
}
#header_menus.megamenu>li {
position:relative;
}
#header_menus li ul {
visibility:hidden;
position:absolute;
background-color:#181818;
}
#header_menus {
background:url(http://www.batalia.ro/forum/public/style_images/deflection/user_navigation.png);
width:100%;
text-align:left;
line-height:32px;
}
#header_menus li {
position:relative;
}
#header_menu_bar li a {
min-width:150px;
text-align:left;
}
.codebox {
margin: 0.5em 3em;
margin-left: 5px;
padding: 0em;
}
.codebox dt {
padding: 0.25em;
}
.codebox dd {
margin: 0.5em;
padding: 0em;
}
.codebox {
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A;
}
.cont_code{
background: none !important;
}
blockquote{
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A !important;
}
#pun-legend {
background-repeat: no-repeat;
background-position: center 0px;
padding-top: 10px;
padding-bottom: 15px;
float: center;
}
ul.pun-legend {
width: 650px;
border-bottom: 1px solid #353535;
margin-left: 100px;
text-align: left !important;
padding: 5px;
background: none;
margin-bottom: 0;
}
#pun-legend img {
margin-left: 20px;
}
.onsistem {
width: 95%;
margin-bottom: 10px;
margin-left: 22px;
background: #242424;
border: 1px solid #141414;
text-align: left;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
box-shadow: 0px 1px 0px #474747;
}
div#stat_id {
background: none;
display: table;
margin: 0 auto!important;
text-align: center!important;
}
.statsPers li {
float: left;
font-size: 12px;
margin: 2px 10px;
color: #5a5751;
}
li.statHide {
display: none;
}
.statsPers li > span {
display: inline-block;
background: none repeat scroll 0% 0% #464646;
color: #FFF;
padding: 2px 6px;
font-weight: bold;
border-radius: 2px;
margin-right: 3px;
}
ul[class="statsPers"] {
display: block;
list-style: none;
margin: 0 auto;
width: 100%;
}
.user-info {
border: 1px solid #2D2D2D;
margin-bottom: 10px;
margin-top: -10px;
padding: 8px;
text-align: left!important;
}
.user-basic-info {
background: url(http://i.imgur.com/8OKqAgJ.png) repeat-x scroll 0 -1px #202020;
border: 1px solid #2D2D2D;
border-bottom: 0 solid!important;
padding: 5px;
}
.pun .user-ident .user-basic-info {
font-weight: 700;
}
.postmain blockquote {
background:none;
border:0!important;
position:relative;
overflow:hidden;
min-height:35px!important;
margin:10px 0;
padding:11px 0 6px 10px;
font-size:14px;
line-height:18px;
color:#504536;
font-family:Georgia;
font-style:italic;
}
.postmain blockquote div {
margin-top:7px;
margin-left:6px;
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #D5DEE5;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/spback10.png) bottom left repeat-x #FFF;
max-width:91%;
padding:15px 20px 10px 23px;
position:relative;
}
.postmain blockquote div:before {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/openq10.png) top left no-repeat transparent;
position:absolute;
width:16px;
height:16px;
top:15px;
left:3px;
}
.postmain blockquote div:after {
content:'';
position:absolute;
z-index:100;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/closeq10.png) top left no-repeat transparent;
width:16px;
height:16px;
right:4px;
bottom:4px;
}
.postmain blockquote div cite {
font-style:normal;
font-weight:700;
display:block;
font-size:13px;
color:#fff;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhm10.png) top left repeat-x transparent;
height:32px;
position:absolute;
z-index:100;
top:-15px;
text-shadow:#000 1px 1px;
left:0px;
}
.postmain blockquote div cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qho10.png) no-repeat 0 0 transparent;
width:31px;
height:38px!important;
left:-13px;
top:0;
}
.postmain blockquote div cite:after {
content:'';
background:url(http://i58.servimg.com/u/f58/14/80/95/87/qhc10.png) no-repeat 0 0 transparent;
position:absolute;
right:-10px;
width:10px;
height:32px;
top:0;
}
#groupLegend {
font-size:0;
}
#groupLegend b {
font-size:11px;
}
#groupLegend b:after { content:" | " }
#groupLegend b:last-child:after { content:""
}
/*ipbperfilcss*/
.usernam-ipb ,.usernam-ipb span {
color: #7A7A7A!important;
font-size: 20px!important;
font-weight: bold!important;
line-height: 1.7!important;
}
.usernam-ipb em {
display: none!important;
}
.ipb-profile .mod-left {
width: 150px;
margin-left: -150px;
float: left;
}
.ipb-profile {
background: #EBF0F3;
padding: 9px;
clear: both;
padding-left: 188px;
overflow: hidden;
color: #5A5A5A;
font-family: helvetica, arial, sans-serif!important;
font-size: 11px;
}
.mod-center {
width: 98%;
float: left;
background: #FFF;
border: 1px solid #E4E4E4;
padding: 9px;
position: relative;
margin: auto;
}
.ipb-m-title h2 {
padding: 8px 10px;
background: #F5F5F5;
color: #868686;
font-size: 11px;
margin: 0;
font-weight: bold;
font-family: helvetica!important;
display:none;
}
.co-ipb {
background: #FFF;
margin-bottom: 10px;
border: 1px solid #DDD;
margin: 5px;
min-height: 600px;
}
.ipb-profile dt, .ipb-profile dt span {
color: #5A5A5A!important;
font-weight: bold!important;
}
.m-info-ipb dt {
display: inline-block;
width: 200px;
text-align: right;
padding-right: 10px;
}
.m-info-ipb dd {
display: inline-block;
width: 350px;
}
.profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
display: none;
}
.m-info-ipb dl {
line-height: 1.3;
font-size: 11px;
background: #FEFEFE;
border: 1px solid #EEE;
padding: 8px;
border-left: 0;
border-right: 0;
margin-bottom: -1px;
}
.ipb-tab-us ul li a span {
display: block;
padding: 10px 8px;
outline: 0;
font-size: 11px;
color: #8D8D8D;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.ipb-tab-us ul li {
background: #F6F8FB;
color: #808080;
border-bottom: 1px solid #DBE4EF;
font-size: 13px;
}
.ipb-tab-us ul li :hover {
background: #EAEFF5;
color: #808080;
}
.ipb-tab-us {
width: 149px !important;
margin-top: 10px;
border-top: 1px solid #DBE4EF;
border-left: 1px solid #DBE4EF;
}
.ipb-profile li ,.ipb-tab-us ul {
list-style: none;
}
.ipb-tab-us ul li.activetab {
background: white;
width: 150px;
position: relative;
z-index: 9;
}
.profile-ava img {
background: #FFF;
padding: 1px;
border: 1px solid #D3D3D3;
max-width: 138px;
max-height: 138px;
}
.estoyenline-i {
background: #7BA60D;
}
.ofline-ipb {
background: #B3B3B3;
padding: 0 5px;
}
.estoyenline-i, .ofline-ipb {
display: inline-block;
height: 17px;
line-height: 17px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
border-radius: 2px;
vertical-align: middle;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
}
.pun .co-ipb .main-content {
background: #FFF;
border: 0;
}
.co-ipb#friends ol li {
padding: 8px 0 0 0;
margin: 5px 0 0 0;
min-width: 80px;
height: 70px;
list-style: none;
width: 100px;
display: inline-table;
text-align: center;
}
.co-ipb#friends ol li .avatar {
display: block;
border: 0;
background: 0;
text-align: center;
width: 100%;
}
#friends ol li .message-text ,.co-ipb#friends .message-footer li {
display: none;
}
.co-ipb ol li .avatar img:hover {
border-color: #7D7D7D;
}
.co-ipb ol li .avatar img {
background: #FFF;
padding: 1px;
border: 1px solid #D3D3D3;
height: 50px;
width: 50px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
display: block;
}
#estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
display: none;
}
#estadisticas .m-info-ipb ul li {
line-height: 1.3;
font-size: 11px;
background: #FEFEFE;
border: 1px solid #EEE;
padding: 8px;
border-left: 0;
border-right: 0;
margin-bottom: -1px;
}
#estadisticas fieldset legend {
font-size: 13px;
font-weight: bold;
width: 100%;
font: bold 14px helvetica,arial,sans-serif;
padding: 8px 10px;
color: #204066;
background: #D8DDE8;
}
.co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
background: #EBF0F3;
padding: 9px;
}
#estadisticas .main-content .stats-field.genmed {
overflow: hidden;
margin-bottom: 24px;
background: #FFF;
}
#estadisticas .main-content .stats-field.genmed ul {
padding: 9px;
border: 1px solid #DBE4EF;
}
.co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
background: #2C5687 url(http://i.imgur.com/Lcy9BkS.png) repeat-x top;
color: #FFF;
padding: 10px 10px 11px;
border-radius: 4px 4px 0 0;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
font-size: 11px;
text-shadow: none;
}
#profilewall ,#estadisticas {
border-radius: 4px 4px 0 0;
border: none;
}
.pun .co-ipb a {
color: #225985;
}
.pun .co-ipb a:hover {
color: #328586;
}
.co-ipb#friends ol li .avatar img:hover {
border-color: #7D7D7D;
}
#estadisticas .m-info-ipb {
border: 1px solid #DDD;
}
#estadisgene span {
background: #244156;
opacity: 1;
color: #FFF;
padding: 4px 10px;
font-weight: bold;
border-radius: 10px;
box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.mensajeprofile ol li.clearfix {
background: #FFF;
border: 1px solid #DBE4EF;
padding: 9px;
margin-bottom: 9px;
position: relative;
}
.mensajeprofile .avatar {
border: 0;
background: 0;
display: inline;
float: left;
}
.mensajeprofile ol li .message-block {
overflow: hidden;
margin-left: 65px;
padding: 0;
}
.mensajeprofile ol li .message-block .message-header a {
font-weight: bold;
font-size: 14px;
}
.mensajeprofile .message-date {
position: absolute;
bottom: 5px;
color: #A4A4A4;
font-size: 12px;
background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
padding-left: 20px;
}
.mensajeprofile .message-text {
margin: 5px 0;
font-size: 14px;
word-wrap: break-word;
}
#profilewall .message-footer {
float: right;
}
#profilewall .message-footer li {
display: inline;
margin-right: 10px;
}
.co-ipb .pagination b {
background: #7BA60D;
color: #FFF;
font-weight: bold;
border-radius: 2px;
padding: 4px 5px;
}
.co-ipb .pagination a {
display: inline-block;
color: #999;
background: none;
padding: 4px 5px;
}
.co-ipb .pagination a:hover {
background: #ECECEC;
border-radius: 2px;
}
.co-ipb .pagination {
background: white;
border-radius: 5px 5px 0 0;
padding: 4px 10px;
}
#friends .message-header em {
display: block;
}
h2#friends {
font: normal 14px helvetica,arial,sans-serif;
padding: 8px 10px;
background: #DBE2EC;
color: #204066;
}
.co-ipb#contacto {
border: 0;
}
.co-ipb#friends {
border: 0;
}
.contact-ips dl dt {
display: inline-block;
width: 140px;
text-align: right;
}
.contact-ips dl dd {
width: 600px;
display: inline-block;
padding-left: 10px;
vertical-align: middle;
}
.lass-activiti {
display: inline-block;
margin-left: 10px;color: #C4C4C4;
}
.coin-ipb span {
font-size: 20px;
font-weight: bold;
display: block;
}
.coin-ipb #sub {
text-align: center;
font-weight: normal;
}
.coin-ipb {
float: none;
margin: 0 0 5px 0;
padding: 10px;
text-align: center;
font-weight: normal;
display: block;
background: #80B700;
border-radius: 3px;
color: white;font-size: 13px;
}
.repu-ipb {
background: #DEDEDE;
color: #6E6E6E;
float: none;
margin: 0 0 5px 0;
padding: 10px;
text-align: center;
font-weight: normal;
display: block;
border-radius: 3px;
font-size: 13px;
}
.repu-ipb span {
font-size: 20px;
font-weight: bold;
display: block;
}
.band-right {
margin-left: 612px;
top: -35px;
position: relative;
}
.co-ipb#profile {
border: 0;
}
.co-ipb#profile .in-ipb {
width: 600px;
border: 1px solid #EEE;
float: left;
border-top: 0;
}
h2#estadis {
width: 580px;
font: normal 14px helvetica, arial, sans-serif;
padding: 8px 10px;
background: #DBE2EC;
color: #204066;
border: 1px solid #DBE2EC;
}
.module-ipb-right h2 {
font: normal 14px helvetica, arial, sans-serif;
padding: 8px 10px;
background: #DBE2EC;
color: #204066;
}
.main-ipb-f {
padding: 9px;
}
.main-ipb-f .clear + a.mainmenu {
display: block;
text-align: center;
}
.main-ipb-f .friend-block {
display: inline-block;
float: none;
}
.main-ipb-f .avatar img {
padding: 1px;
border: 1px solid #D5D5D5;
background: #FFF;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.main-ipb-f .avatar {
border: 0;
background: none;
width: auto;
}
.main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
display: none;
}
.profi-add-ipb a#search-i {
background: #E6E6E6 url("http://i.imgur.com/tS9vehw.png") no-repeat 5px;
}
.rating-profile {
margin: 10px 0 20px 0;
}
.register-date {
margin-bottom: 10px;
font: normal 13px helvetica,arial,sans-serif;
}
.profi-add-ipb {
position: absolute;
right: 30px;
top: 95px;
color: rgba(0, 0, 0, 0);
}
.profi-add-ipb br {
display: none;
}
.pun .profi-add-ipb a {
display: inline-block;
background: #E6E6E6 url("http://i.imgur.com/5MlMsua.png") no-repeat 5px;
height: 17px;
line-height: 17px;
padding: 2px 2px 2px 25px;
border: 1px solid rgb(207, 207, 207);
box-shadow: 0px 7px 21px rgba(255, 255, 255, 0.76) inset, 0px 1px 0px rgba(0, 0, 0, 0.41);
border-radius: 3px;
color: #616161;
white-space: nowrap;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
margin-right: 15px;
font-size: 12px;
}
.pun .profi-add-ipb a:hover {
border: 1px solid #A0A0A0;
}
.pun .profi-add-ipb a#men {
background: #E6E6E6 url("http://i.imgur.com/LE1LFBD.png") no-repeat 5px;
}
.pun .nav-ipb-top a {
color: rgb(85, 85, 85);
}
.nav-ipb-top {
position: relative;
margin-left: -140px;
margin-bottom: 10px;
}
.nav-ipb-top span {
margin: 0 5px;
}
.mod-center {
padding-bottom: 50px;
}
#word-link {
position: absolute;
bottom: 19px;
right: 26px;
z-index: 999!important;
color: #777;
font: normal 9px helvetica;
text-align: right;
}
.co-ipb div.activetab {
display: block!important;
}
- Cod:
body {
background: #ffffff;
}
Ultima editare efectuata de catre Raykim in Vin Iun 26, 2015 1:54 pm, editata de 1 ori
Re: Profil ca pe IBP (punbb)
Multumesc, am rezolvat cu css. Am urmat si pasii din fiecare tutorial dar nu merge
Re: Profil ca pe IBP (punbb)
Ti-am mentionat mai sus un subiect cu o rezolvare concreta, l-ai citit ?
Raykim a scris:Incercati: https://help.forumgratuit.ro/t47877-
Re: Profil ca pe IBP (punbb)
Acum imi apare ca-n imagine doar ca imi apre cu alb . Eu as vrea sa apara cu negru ca in imagine. S-ar potrivi si cu tema forumului meu. In momentul de fata se vede asa:
Re: Profil ca pe IBP (punbb)
Postati va rog adresa forumului dvs.
Re: Profil ca pe IBP (punbb)
Vizitati: Panoul de administrare => Afisare => Culori => Foaia de stil CSS si adaugati:
- Cod:
.ipsBox {
background: none repeat scroll 0 0 #1D1D1D !important;
}
.ipsBox_container {
background: none repeat scroll 0 0 #181818 !important;
border: 1px solid #1D1D1D !important;
}
.general_box h3 {
background: none repeat scroll 0 0 #535355 !important;
}
.general_box {
background: none repeat scroll 0 0 #313030 !important;
}
.ipsVerticalTabbed_tabs li {
background: none repeat scroll 0 0 #181818 !important;
border-bottom: 1px solid #303235;
}
.ipsVerticalTabbed_tabs > ul {
border-left: 1px solid #303235 !important;
border-top: 1px solid #303235 !important;
}
.ipsVerticalTabbed_tabs li a:hover {
background: #3F3E3E !important;
color: white !important;
}
Pagina 1 din 2 • 1, 2
Subiecte similare
» Profil ca pe IPB (punbb)
» Profil punbb
» Profil punbb
» Chenar profil PunBB
» din: Profil ca pe IBP (punbb)
» Profil punbb
» Profil punbb
» Chenar profil PunBB
» din: Profil ca pe IBP (punbb)
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 2
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum