Algumas questões de Code num novo Layout Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Algumas questões de Code num novo Layout

4 participantes

Ir para baixo

Tópico resolvido Algumas questões de Code num novo Layout

Mensagem por L Mars 28.02.18 12:50

Detalhes da questão


Endereço do fórum: http://bulbarpg.forumeiros.com
Versão do fórum: phpBB3

Descrição


Ola a todos ^^
Estou precisando de algumas ajudas pois mudei o layout do meu forum para um skin e assim, e surgiram alguns "erros" que eu, com o meu conhecimento muito limitado de HTML, não conseguem perceber xD

Vou deixar já o code CSS para ajudar:
Código:
/*Code, Spoiler y Quote*/
 .headerbar {
  background-image:url('https://i.imgur.com/cYHUr89.png');
  background-repeat: no-repeat;
  width: 926px;
  height: 450px;
  margin-top: -15px;
  margin-left: -5px;
}

dl.codebox {
background-color: #000000;
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#ffffff;
text-align: left;
margin-bottom:3px;
text-transform:uppercase;
border-bottom:none;}

dl.codebox code {
color:#ffffff;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}


blockquote {
background-color: #000000;
background: url("url")
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}

blockquote blockquote {
background-color: #000000;
background: url("url")
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding: 5px;
}

.content blockquote {
color:#7a7a7a;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}
#page-body p.page-bottom {
background: none repeat scroll center center #ffffff;
border-bottom: medium none;
display: inline-block;
font-size: 8px;
margin-left: 4px;
padding: 5px;
padding-top: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0px;
max-height: 30px;
min-height: 30px;
width: 260px;
float: left;
}

p.right {
  padding-right: 25px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}
#page-body ul.linklist {
  padding-right: 25px;
}
#page-body ul.linklist a {
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}

a.nav {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}

.pagination {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  padding-right: 25px;
}

.module .h3 {
visibility:hidden;
}

#logo {
margin-left: -25px;
margin-top: -30px;
  
}

#wrap {
max-width: 910px;
min-width: 910px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: -25px;
box-shadow: 2px 3px 4px #000000;
}

.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
background:#000000;
  color: #787878;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  border: 1px outset #787878;
}

.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
background: #000000;
  color: #787878;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  border: 1px outset #787878;
}

/****BARRA MENU****/

ul.navlinks {
border-bottom: none;
background-image:url("http://i.imgur.com/vSx6eQj.png");
display: block;
width: 1125px;
height: 58px;
padding-top: 20px;
margin-left: -120px;
margin-top: -19px;
}

/****LINKS MENU****/

a.mainmenu {
color: #ababab;
font-family: Economica;
text-transform: uppercase;
font-size: 15px;
font-weight: lighter;
margin: -5px;
margin-left: 0px;
margin-right: 0px;
padding: 1px;
}

a.mainmenu:hover {
color: #ababab;
-moz-transition: all 0.8s linear 0s;
-webkit-transition: all 0.8s linear 0s;
}

.mainmenu[href="/memberlist"] {
  margin-left: -15px;
}

/****BOTONES REMOVIDOS DE LA BARRA MENU****/

#search-box {
  display: none;
}


#page-footer .navbar {
font-size: 0px;
}

#stats .enlinea a.gensmall {
  display: none;
}

.user_login_form {
  display: none;
}

.signature_div img {
  max-height: 500px;
  max-width: 300px;
}
#cp-main .panel.sig {
  background: transparent;
}
.inputbox{
  border-color: transparent !important;
}
.edit {display:none;}
a.mainmenu[href="/faq"], a.mainmenu[href="/calendar"], a.mainmenu[href="/search"] {
display: none;
}
#page-footer a[href="/statistics"] {
display: none;
}
/****ICONOS LEYENDA****/

ul.forums .icon {
background-position: 25px 55% !important;
}

.basetexto {
  background: #000000;
  width: 380px;
  height: 90px;
  padding: 20px;
  margin-top: -10px;
  margin-left: 35px;
  font-size: 13px;
  text-align: justify;
  line-height: 100%;
}

.posimenu {
  margin-left: 4px;
  height: 120px;
  margin-top: -16px;
}

.menu5 a {
  display: block;
  width: 140px;
  background: #363636;
  text-align: center;
  line-height: 100%;
  color: #ababab;
  font-size: 8px;
  margin-bottom: 2px;
  text-transform: uppercase;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 700;
  letter-spacing: 1px;
  transition: all 0.5s ease-in-out;
}

.menu5 a:hover {
  box-shadow: inset 140px 0 0 #687D8E;
}
/****TITULO CABECERA CATEGORIA****/

.table-title h2 {
font-weight: bold;
color: #353535;
letter-spacing: 3px;
font-size: 12px;
text-transform: uppercase;
font-family: calibri;
}

#main-content {
margin-left: 30px;
}


/****FONDO CABECERA CATEGORIA****/

.forabg li.header {
width: 854px;
height: 60px;
padding-top: 15px;
padding-bottom: 10px;
background-color: #000000;
font-size: 0px;
}

.forabg li.header dd.dterm {
text-align: center;
width: 100%;
height: 10px;
padding-top: 35px;
padding-bottom: 35px;
margin-top: -10px;
}

.forabg ul.topiclist.forums li.row dd.dterm {
  width: 500px;
  height: 192px;
}

.forabg {
padding: 0px;
}

ul.forums {
width: 97%;
background-color: #191919;
padding-bottom: 20px;
padding-top: 20px;
}

ul.topiclist.topics.bg_none {
 background: #191919;
  width: 97%;
  padding-bottom: 20px;
}

ul.topiclist.pmlist.bg_none {
  background: #191919;
  width: 97%;
  padding-bottom: 20px;
}  
/****POST, MENSAJES  Y ULTIMOS TEMAS****/

.forabg li.row dd.lastpost {
width: 565px;
height: 10px;
position: relative;
color: #4B4A54;
text-transform: uppercase;
left: 141px;
font-size: 9px;
text-align: center;
padding-bottom: 12px;
padding-top: 10px;
top: -15px;
letter-spacing: 1px;
background-color: #000000;
}

dd.lastpost span.color-groups {
float: none;
display: inline-block;
}

dd.lastpost br {
display: none;
}

.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar  {
    border-color: transparent !important;
}

.sceditor-container iframe, .sceditor-container textarea{color: #000 !Important;}

.inputbox{
  border-color: transparent !important;
}

p.right.rightside + p {
     display:none;    
}
p.rightside {
  display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
     display: block;
}

.forabg li.row dd.topics {
display: none;
}

.forabg li.row dd.posts {
display: none;
}

.forabg li.header dd.posts, .forabg li.header dd.topics, .forabg li.header dd.lastpost {
display: none;
}

/****SUB CATEGORIAS****/

.forumbg .header .icon {
width: 85%;
height: 50px;
text-align: right;
font-size: 10px;
text-transform: uppercase;
padding-top: 30px;
color: #504F52
background-color: #000000;
border-right: 102px solid #000000;
}

ul.topiclist li.header dd.views, ul.topiclist li.header dd.posts, ul.topiclist li.header dd.lastpost {
font-size: 0px;
}

/****LINKS DEL FORO****/

a.forumtitle {
display: block;
width: 545px;
padding-top: 10px;
padding-left: 20px;
font-size: 20px;
color: #504F52;
position: relative;
margin-left: 35px;
text-align: left;
font-weight: 700;
font-family: Jim Nightshade;
background: #000000;
border-bottom: 4px solid #000000;
}

a.forumtitle:hover {
text-decoration: none;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}

/****LINKS SUBFOROS****/

a.topictitle:hover{
text-decoration: none;
color: #9D99A3;
text-shadow: 1px 2px 1px #000000;
letter-spacing: 1px;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}

/****TITULOS, LINKS SUBFOROS Y BUSCAR****/

h1.page-title {
width: 842px;
height: 10px;
padding-top: 35px;
padding-bottom: 45px;
font-family: calibri;
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: #353535;
text-align: center;
background-color: #000000;
}

#cp-main h1 {
  padding-top: 15px;
}

.topic-actions {
color: #4B4A54;
font-size: 12px;
text-align: center;
font-family: calibri;
}

.search-box {
visibility: hidden;
}
  
/****CAJA DEL MENSAJE****/

div.post {
width: 94%;
background-color: #191919;
padding-top: 15px;
}

.post {
  font-size: 11px;
}
.postbody .content {
  width: 560px;
  padding: 5px;
  text-align: justify;
  right: -39px;
  position: relative;
}
/****TITULO, AUTOR E ICONOS****/
.postbody .topic-title {
font-size: 11px;
font-family: calibri;
margin-left: 60px;
right: -39px;
position: relative;
}

p.author {
border-bottom: 4px solid #4B4A54;
width: 560px;
height: 15px;
margin-top: -1px;
right: -39px;
position: relative;
}

ul.profile-icons {
margin-top: 9px;
right: -39px;
position: relative;
}

/****PERFIL****/

.postprofile {
width: 190px;
margin-top: -0px;
margin-left: 2px;
text-align: center;
padding: 2px;
border-top: 15px solid #000000;
border-bottom: 12px solid #000000;
background-color: #000000;
}
span.content {
  background: #ffffff;
}
.postprofile dt a img {
  max-width: 190px;
  max-height: 300px;
  margin-left: -10px;
  margin-top: -15px;
}


.postprofile dt strong a {
text-transform: uppercase;
font-family: Economica;
font-size: 15px;
font-weight: lighter;
position: relative;
bottom: -10px;
}

.postprofile dd {
color: #ababab;
font-size: 10px;
font-family: calibri;
text-transform: uppercase;
text-align: left;
padding-left: 10px;
}

.postprofile dd a:hover img {
opacity: 1;
}
.postprofile dd a img {
opacity: 0.5;
}

/****MODULOS/WIDGETS****/

.module .h3 {
visibility: hidden;
}

.module {
background-color: #191919;
}

#left {
display:none;
}

#comments_scroll_container {
width: 200px;
padding: 2px;
font-family: calibri;
background-color: #252525;
border-top: 4px solid #818181;
margin-top: -35px;
}

/****ONLINE****/

.#stats {
width: 100%;
margin: 0 auto;
height: 350px;
}

#stats .estadisc {
  margin-top: 20px;
  margin-left: 10px;
}

#stats .enlinea {
  overflow-y: auto;
  text-align: left;
  display: inline-block;
  width: 300px;
  height: 220px;
  background: #191919;
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: 10px;
  margin-right: 13px;
  font-size: 10px;
  float: left;
}

#stats .grupos {
  overflow-y: auto;
  text-align: left;
  display: inline-block;
  width: 160px;
  height: 220px;
  background: #191919;
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: -10px;
  margin-right: 13px;
  font-size: 10px;
  float: left;
}

#stats .afiliados {
  overflow-y: auto;
  display: inline-block;
  width: 300px;
  height: 220px;
  background:url("https://i.imgur.com/BXV7Asx.png");
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: -10px;
  margin-right: 13px;
}

.enlinea #i_whosonline {
width: 0px;
}
p em {
  display: none;
}

.enlinea .h3 {
display: none;
}
.chatbox .h3 {
  display: none;
}

.estadisc .h3 {
  font-size: 0px;
}

/****CABECERA CHATBOX****/

div.page-bottom, #chatbox_popup, .h3 a[target="ChatBox"]{
display: none;
}

p.page-bottom + div.h3{
border: none;
}

/****LEYENDA****/

ul#picture_legend {
display: none;
}


/****SCROLL****/

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display: none;
}

::-webkit-scrollbar{
width: 3px;
height: 5px;
}

::-webkit-scrollbar-track-piece {
background-color: #504F52;
}

::-webkit-scrollbar-thumb:vertical {
width: 3px;
height: 5px;
background-color: #ffffff;
}

/****FONTS SKIN****/

@font-face {
font-family: 'Trade Winds';
font-style: normal;
font-weight: 400;
src: local('Trade Winds'), local('TradeWinds'), url(http://themes.googleusercontent.com/static/fonts/tradewinds/v2/P7L1H4TWVDNJivDGg_--QIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
font-family: 'Andika';
font-style: normal;
font-weight: 400;
src: local('Andika'), url(http://themes.googleusercontent.com/static/fonts/andika/v3/7oCWhqd1EPSqB7_cG3_eAA.woff) format('woff');
}

@font-face {
font-family: 'Denk One';
font-style: normal;
font-weight: 400;
src: local('Denk One'), local('DenkOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/denkone/v1/ahLepySZXU_KFQaVZ6XDvPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
font-family: 'Neucha';
font-style: normal;
font-weight: 400;
src: local('Neucha'), url(http://themes.googleusercontent.com/static/fonts/neucha/v4/Z14xx5NkAnXABtaPytVZVA.woff) format('woff');
}

@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 400;
  src: local('Economica'), local('Economica-Regular'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/jObgDQiPUtmACAaaK3pMGz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 700;
  src: local('Economica Bold'), local('Economica-Bold'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/UK4l2VEpwjv3gdcwbwXE9HhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

#login_popup_background{
background-color:transparent;border: 0px;border-style: none;
}

#login_popup_background .box-content {
background-color:transparent;border: 0px;border-style: none;
}

#login_popup_title{
visibility:hidden;background-color:transparent;border: 0px;border-style: none;
}

#login_popup_content{
background-color:transparent;border: 0px;border-style: none;
}
#login_popup{
background-color:transparent;border: 0px;border-style: none;
}

#login_popup_buttons{
visibility:hidden;
}


/*Efecto para los afiliados*/

#directorio img {
  width: 100px;
  height: 50px;
  margin: 2px;
  opacity: 0.8;
}

#elite img {
  width: 50px;
  height: 50px;
  margin: 2px;
  opacity: 0.8;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}


.colorpicker {
   width: 356px;
   height: 176px;
   overflow: hidden;
   position: absolute;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
   font-family: Arial, Helvetica, sans-serif;
   display: none;
   padding: 0 !important;    
}
.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
}
.colorpicker_color {
   width: 150px;
   height: 150px;
   left: 14px;
   top: 13px;
   position: absolute;
   background: #f00;
   overflow: hidden;
   cursor: crosshair;
}
.colorpicker_color div {
   position: absolute;
   top: 0;
   left: 0;
   width: 150px;
   height: 150px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
   position: absolute;
   top: 0;
   left: 0;
   width: 11px;
   height: 11px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
   margin: -5px 0 0 -5px;
}
.colorpicker_hue {
   position: absolute;
   top: 13px;
   left: 171px;
   width: 35px;
   height: 150px;
   cursor: n-resize;
}
.colorpicker_hue div {
   position: absolute;
   width: 35px;
   height: 9px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
   margin: -4px 0 0 0;
   left: 0px;
}
.colorpicker_new_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 213px;
   top: 13px;
   background: #f00;
}
.colorpicker_current_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 283px;
   top: 13px;
   background: #f00;
}
.colorpicker input {
   background-color: transparent;
   border: 1px solid transparent;
   position: absolute;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   color: #898989;
   top: 4px;
   right: 11px;
   text-align: right;
   margin: 0;
   padding: 0 !important;
   height: 11px;
}
.colorpicker_hex {
   position: absolute;
   width: 72px;
   height: 22px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
   left: 212px;
   top: 142px;
}
.colorpicker.dark .colorpicker_hex {
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
   right: 6px;
}
.colorpicker_field {
   height: 22px;
   width: 62px;
   background-position: top;
   position: absolute;
}
.colorpicker_field span {
   position: absolute;
   width: 12px;
   height: 22px;
   overflow: hidden;
   top: 0;
   right: 0;
   cursor: n-resize;
}
.colorpicker_rgb_r {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
   top: 52px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
   top: 82px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
   top: 112px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px;  
 overflow: hidden;
}
.colorpicker_focus {
   background-position: center;
}
.colorpicker_hex.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_slider {
   background-position: bottom;
}
.colorpicker { z-index: 3; }
#chatbox_ret_cont{
 z-index: 999;
 background-color: transparent;
 position: fixed;
 bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
 right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
 left: 0;
}
#chatbox_ret_cont div{
 cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
 background-color: white;
 display: none;
 height: 350px;
 margin-bottom: 0;
 width: 800px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  color: #9D99A3;
}
#chatbox_header{background-color: #000000;}
#chatbox_footer{background-color: #000000;}
.chatbox-title, .chatbox-title a.chat-title {font-size: 0px;}
  
.grupo1 {text-align: center; background: #FF5900; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo2 {text-align: center; background: #099C13; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo3 {text-align: center; background: #F0DE18; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo4 {text-align: center; background: #006BDE; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo5 {text-align: center; background: #999999; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo6 {text-align: center; background: #C2388B; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo7 {text-align: center; background: #B81616; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo8 {text-align: center; background: #7C44F5; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo9 {text-align: center; background: #18BAF5; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Regular'), local('Cabin-Regular'), url(http://fonts.gstatic.com/s/cabin/v7/YW3SmFCeLOkefBVkMNxbtw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: local('Cabin Medium'), local('Cabin-Medium'), url(http://fonts.gstatic.com/s/cabin/v7/XHvvZj_uvRvYentxl9M1VhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: local('Cabin SemiBold'), local('Cabin-SemiBold'), url(http://fonts.gstatic.com/s/cabin/v7/pOvYyCQeTTtw6RxdlpulShTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: local('Cabin Bold'), local('Cabin-Bold'), url(http://fonts.gstatic.com/s/cabin/v7/82B-3YlzWJm8zbCrVEmc_hTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: local('Cabin Italic'), local('Cabin-Italic'), url(http://fonts.gstatic.com/s/cabin/v7/6rRVd2AaRJ0MqBftQKms6vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.colorpicker {
   width: 356px;
   height: 176px;
   overflow: hidden;
   position: absolute;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
   font-family: Arial, Helvetica, sans-serif;
   display: none;
   padding: 0 !important;    
}
.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
}
.colorpicker_color {
   width: 150px;
   height: 150px;
   left: 14px;
   top: 13px;
   position: absolute;
   background: #f00;
   overflow: hidden;
   cursor: crosshair;
}
.colorpicker_color div {
   position: absolute;
   top: 0;
   left: 0;
   width: 150px;
   height: 150px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
   position: absolute;
   top: 0;
   left: 0;
   width: 11px;
   height: 11px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
   margin: -5px 0 0 -5px;
}
.colorpicker_hue {
   position: absolute;
   top: 13px;
   left: 171px;
   width: 35px;
   height: 150px;
   cursor: n-resize;
}
.colorpicker_hue div {
   position: absolute;
   width: 35px;
   height: 9px;
   overflow: hidden;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
   margin: -4px 0 0 0;
   left: 0px;
}
.colorpicker_new_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 213px;
   top: 13px;
   background: #f00;
}
.colorpicker_current_color {
   position: absolute;
   width: 60px;
   height: 30px;
   left: 283px;
   top: 13px;
   background: #f00;
}
.colorpicker input {
   background-color: transparent;
   border: 1px solid transparent;
   position: absolute;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
   color: #898989;
   top: 4px;
   right: 11px;
   text-align: right;
   margin: 0;
   padding: 0 !important;
   height: 11px;
}
.colorpicker_hex {
   position: absolute;
   width: 72px;
   height: 22px;
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
   left: 212px;
   top: 142px;
}
.colorpicker.dark .colorpicker_hex {
   background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
   right: 6px;
}
.colorpicker_field {
   height: 22px;
   width: 62px;
   background-position: top;
   position: absolute;
}
.colorpicker_field span {
   position: absolute;
   width: 12px;
   height: 22px;
   overflow: hidden;
   top: 0;
   right: 0;
   cursor: n-resize;
}
.colorpicker_rgb_r {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
   top: 52px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
   top: 82px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
   background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
   top: 112px;
   left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px;  
 overflow: hidden;
}
.colorpicker_focus {
   background-position: center;
}
.colorpicker_hex.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
   background-position: bottom;
}
.colorpicker_slider {
   background-position: bottom;
}
.colorpicker { z-index: 3; }

p em {
    color: #ffffff;
    display: block;
    line-height: 100%;
    margin: 0 0 0 75px;
    width: 500px;
}
Primeiro que tudo, se conseguissem reduzir o tamanho do Code CSS e eliminar coisas que não afetam, seria fantastico, mas não é essa a questão deste topico Muito feliz

O mais grave de momento é isto:
Algumas questões de Code num novo Layout MAxBvaZVSkKqp3pZ8dyxxw
Não consigo encontrar e perceber porque isto esta a acontecer.  No menu de "novas mensagens desde a sua ultima visita" surge essa barra preta por cima dos títulos que oculta algumas informações. Para além disso, parece não estar centrado e/ou incompleto :/
A imagem de classificação do topico (no exemplo acima a que diz "PokeTalk" e "Route" anteriormente tb fazia este erro, mas eu movia-a para a direita para evitar ficar por baixo do texto, mas agora não consigo fazer isso :/

Outros erros ligeiros:
-- O texto dentro de um Spoiler não possui grandes diferenças entre o tipo de texto normal e aquele que esta a Negrito. À possibilidade de personalizar o Negrito dentro de um spoiler (seja mudar a cor, reforçar no bold, etc)?

-- Perfil dos membros nas mensagens não se encontra centrado como estava antes. O que devo editar ou acrescentar para ele ficar centralizado? :/

-- Grupos dos membros - À possibilidade de tornar os "retangulos" dos grupos mais baixos e também que seja possivel clicar neles e ir para os grupos? Neste momento é só uma legenda com cores

Penso que para já é tudo.
Muito obrigado a quem quiser ajudar. Muito mesmo Muito feliz
L Mars
L Mars
****

Membro desde : 08/12/2008
Mensagens : 326
Pontos : 456

http://bulbarpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Algumas questões de Code num novo Layout

Mensagem por zHugh 28.02.18 14:24

Olá, acessei vosso fórum e ele me parece normal em muitos dos aspectos informados.

Não vi problemas quanto aos sub-foruns e perfil nas mensagens. Demais informações não cheguei a procurar, o spoiler por exemplo.

Poderia fornecer um link que direcione para locais onde os problemas ocorrem?
zHugh
zHugh
Membro

Membro desde : 30/03/2010
Mensagens : 751
Pontos : 1215

http://superonzerpg.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Algumas questões de Code num novo Layout

Mensagem por Chanp 28.02.18 15:16

Olá,
Como dito pelo usuário acima, os erros não são apresentados quando entramos no seu fórum. Creio que os erros são visíveis apenas para membros registrados no fórum. Poderia, por favor, fornecer-me os seguintes itens?

× Conta de Teste.
× Link que direcione aos devidos erros.

E gostaria de lhe fazer uma pergunta.
Esses erros, antes do código CSS ser implementado, já eram visíveis?

Edit:
Em relação ao quote, eu fiz uma breve visualização do código e encontrei a parte que afeta o Quote. Tente trocar o código por esse:

Código:

/*Code, Spoiler y Quote*/
 .headerbar {
  background-image:url('https://i.imgur.com/cYHUr89.png');
  background-repeat: no-repeat;
  width: 926px;
  height: 450px;
  margin-top: -15px;
  margin-left: -5px;
}
 
dl.codebox {
background-color: #000000;
border-left: 10px solid #ffffff;
border-top:none;
border-right: none;
border-bottom: none;
padding:5px;
}
 
 
dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#ffffff;
text-align: left;
margin-bottom:3px;
text-transform:uppercase;
border-bottom:none;}
 
dl.codebox code {
color:#ffffff;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom:none;
}
 
.content blockquote {
color:#7a7a7a;
text-shadow:1px 1px 1px 141414;
font-size:11px;
border-bottom: none;
}
#page-body p.page-bottom {
background: none repeat scroll center center #ffffff;
border-bottom: medium none;
display: inline-block;
font-size: 8px;
margin-left: 4px;
padding: 5px;
padding-top: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0px;
max-height: 30px;
min-height: 30px;
width: 260px;
float: left;
}
 
p.right {
  padding-right: 25px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}
#page-body ul.linklist {
  padding-right: 25px;
}
#page-body ul.linklist a {
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}
 
a.nav {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
}
 
.pagination {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  padding-right: 25px;
}
 
.module .h3 {
visibility:hidden;
}
 
#logo {
margin-left: -25px;
margin-top: -30px;
 
}
 
#wrap {
max-width: 910px;
min-width: 910px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: -25px;
box-shadow: 2px 3px 4px #000000;
}
 
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
background:#000000;
  color: #787878;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  border: 1px outset #787878;
}
 
.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
background: #000000;
  color: #787878;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  font-weight: 700;
  border: 1px outset #787878;
}
 
/****BARRA MENU****/
 
ul.navlinks {
border-bottom: none;
background-image:url("http://i.imgur.com/vSx6eQj.png");
display: block;
width: 1125px;
height: 58px;
padding-top: 20px;
margin-left: -120px;
margin-top: -19px;
}
 
/****LINKS MENU****/
 
a.mainmenu {
color: #ababab;
font-family: Economica;
text-transform: uppercase;
font-size: 15px;
font-weight: lighter;
margin: -5px;
margin-left: 0px;
margin-right: 0px;
padding: 1px;
}
 
a.mainmenu:hover {
color: #ababab;
-moz-transition: all 0.8s linear 0s;
-webkit-transition: all 0.8s linear 0s;
}
 
.mainmenu[href="/memberlist"] {
  margin-left: -15px;
}
 
/****BOTONES REMOVIDOS DE LA BARRA MENU****/
 
#search-box {
  display: none;
}
 
 
#page-footer .navbar {
font-size: 0px;
}
 
#stats .enlinea a.gensmall {
  display: none;
}
 
.user_login_form {
  display: none;
}
 
.signature_div img {
  max-height: 500px;
  max-width: 300px;
}
#cp-main .panel.sig {
  background: transparent;
}
.inputbox{
  border-color: transparent !important;
}
.edit {display:none;}
a.mainmenu[href="/faq"], a.mainmenu[href="/calendar"], a.mainmenu[href="/search"] {
display: none;
}
#page-footer a[href="/statistics"] {
display: none;
}
/****ICONOS LEYENDA****/
 
ul.forums .icon {
background-position: 25px 55% !important;
}
 
.basetexto {
  background: #000000;
  width: 380px;
  height: 90px;
  padding: 20px;
  margin-top: -10px;
  margin-left: 35px;
  font-size: 13px;
  text-align: justify;
  line-height: 100%;
}
 
.posimenu {
  margin-left: 4px;
  height: 120px;
  margin-top: -16px;
}
 
.menu5 a {
  display: block;
  width: 140px;
  background: #363636;
  text-align: center;
  line-height: 100%;
  color: #ababab;
  font-size: 8px;
  margin-bottom: 2px;
  text-transform: uppercase;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 700;
  letter-spacing: 1px;
  transition: all 0.5s ease-in-out;
}
 
.menu5 a:hover {
  box-shadow: inset 140px 0 0 #687D8E;
}
/****TITULO CABECERA CATEGORIA****/
 
.table-title h2 {
font-weight: bold;
color: #353535;
letter-spacing: 3px;
font-size: 12px;
text-transform: uppercase;
font-family: calibri;
}
 
#main-content {
margin-left: 30px;
}
 
 
/****FONDO CABECERA CATEGORIA****/
 
.forabg li.header {
width: 854px;
height: 60px;
padding-top: 15px;
padding-bottom: 10px;
background-color: #000000;
font-size: 0px;
}
 
.forabg li.header dd.dterm {
text-align: center;
width: 100%;
height: 10px;
padding-top: 35px;
padding-bottom: 35px;
margin-top: -10px;
}
 
.forabg ul.topiclist.forums li.row dd.dterm {
  width: 500px;
  height: 192px;
}
 
.forabg {
padding: 0px;
}
 
ul.forums {
width: 97%;
background-color: #191919;
padding-bottom: 20px;
padding-top: 20px;
}
 
ul.topiclist.topics.bg_none {
 background: #191919;
  width: 97%;
  padding-bottom: 20px;
}
 
ul.topiclist.pmlist.bg_none {
  background: #191919;
  width: 97%;
  padding-bottom: 20px;
}
/****POST, MENSAJES  Y ULTIMOS TEMAS****/
 
.forabg li.row dd.lastpost {
width: 565px;
height: 10px;
position: relative;
color: #4B4A54;
text-transform: uppercase;
left: 141px;
font-size: 9px;
text-align: center;
padding-bottom: 12px;
padding-top: 10px;
top: -15px;
letter-spacing: 1px;
background-color: #000000;
}
 
dd.lastpost span.color-groups {
float: none;
display: inline-block;
}
 
dd.lastpost br {
display: none;
}
 
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode, div.sceditor-toolbar  {
    border-color: transparent !important;
}
 
.sceditor-container iframe, .sceditor-container textarea{color: #000 !Important;}
 
.inputbox{
  border-color: transparent !important;
}
 
p.right.rightside + p {
    display:none; 
}
p.rightside {
  display: none;
}
p.copyright, p.nomargin.path, p.author, .pathname-box p, .topic-actions+p, #logo-desc p, #info_open p, .inner p {
    display: block;
}
 
.forabg li.row dd.topics {
display: none;
}
 
.forabg li.row dd.posts {
display: none;
}
 
.forabg li.header dd.posts, .forabg li.header dd.topics, .forabg li.header dd.lastpost {
display: none;
}
 
/****SUB CATEGORIAS****/
 
.forumbg .header .icon {
width: 85%;
height: 50px;
text-align: right;
font-size: 10px;
text-transform: uppercase;
padding-top: 30px;
color: #504F52
background-color: #000000;
border-right: 102px solid #000000;
}
 
ul.topiclist li.header dd.views, ul.topiclist li.header dd.posts, ul.topiclist li.header dd.lastpost {
font-size: 0px;
}
 
/****LINKS DEL FORO****/
 
a.forumtitle {
display: block;
width: 545px;
padding-top: 10px;
padding-left: 20px;
font-size: 20px;
color: #504F52;
position: relative;
margin-left: 35px;
text-align: left;
font-weight: 700;
font-family: Jim Nightshade;
background: #000000;
border-bottom: 4px solid #000000;
}
 
a.forumtitle:hover {
text-decoration: none;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}
 
/****LINKS SUBFOROS****/
 
a.topictitle:hover{
text-decoration: none;
color: #9D99A3;
text-shadow: 1px 2px 1px #000000;
letter-spacing: 1px;
-moz-transition: all 0.6s linear 0s;
-webkit-transition: all 0.6s linear 0s;
}
 
/****TITULOS, LINKS SUBFOROS Y BUSCAR****/
 
h1.page-title {
width: 842px;
height: 10px;
padding-top: 35px;
padding-bottom: 45px;
font-family: calibri;
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: #353535;
text-align: center;
background-color: #000000;
}
 
#cp-main h1 {
  padding-top: 15px;
}
 
.topic-actions {
color: #4B4A54;
font-size: 12px;
text-align: center;
font-family: calibri;
}
 
.search-box {
visibility: hidden;
}
 
/****CAJA DEL MENSAJE****/
 
div.post {
width: 94%;
background-color: #191919;
padding-top: 15px;
}
 
.post {
  font-size: 11px;
}
.postbody .content {
  width: 560px;
  padding: 5px;
  text-align: justify;
  right: -39px;
  position: relative;
}
/****TITULO, AUTOR E ICONOS****/
.postbody .topic-title {
font-size: 11px;
font-family: calibri;
margin-left: 60px;
right: -39px;
position: relative;
}
 
p.author {
border-bottom: 4px solid #4B4A54;
width: 560px;
height: 15px;
margin-top: -1px;
right: -39px;
position: relative;
}
 
ul.profile-icons {
margin-top: 9px;
right: -39px;
position: relative;
}
 
/****PERFIL****/
 
.postprofile {
width: 190px;
margin-top: -0px;
margin-left: 2px;
text-align: center;
padding: 2px;
border-top: 15px solid #000000;
border-bottom: 12px solid #000000;
background-color: #000000;
}
span.content {
  background: #ffffff;
}
.postprofile dt a img {
  max-width: 190px;
  max-height: 300px;
  margin-left: -10px;
  margin-top: -15px;
}
 
 
.postprofile dt strong a {
text-transform: uppercase;
font-family: Economica;
font-size: 15px;
font-weight: lighter;
position: relative;
bottom: -10px;
}
 
.postprofile dd {
color: #ababab;
font-size: 10px;
font-family: calibri;
text-transform: uppercase;
text-align: left;
padding-left: 10px;
}
 
.postprofile dd a:hover img {
opacity: 1;
}
.postprofile dd a img {
opacity: 0.5;
}
 
/****MODULOS/WIDGETS****/
 
.module .h3 {
visibility: hidden;
}
 
.module {
background-color: #191919;
}
 
#left {
display:none;
}
 
#comments_scroll_container {
width: 200px;
padding: 2px;
font-family: calibri;
background-color: #252525;
border-top: 4px solid #818181;
margin-top: -35px;
}
 
/****ONLINE****/
 
.#stats {
width: 100%;
margin: 0 auto;
height: 350px;
}
 
#stats .estadisc {
  margin-top: 20px;
  margin-left: 10px;
}
 
#stats .enlinea {
  overflow-y: auto;
  text-align: left;
  display: inline-block;
  width: 300px;
  height: 220px;
  background: #191919;
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: 10px;
  margin-right: 13px;
  font-size: 10px;
  float: left;
}
 
#stats .grupos {
  overflow-y: auto;
  text-align: left;
  display: inline-block;
  width: 160px;
  height: 220px;
  background: #191919;
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: -10px;
  margin-right: 13px;
  font-size: 10px;
  float: left;
}
 
#stats .afiliados {
  overflow-y: auto;
  display: inline-block;
  width: 300px;
  height: 220px;
  background:url("https://i.imgur.com/BXV7Asx.png");
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
  padding: 10px;
  margin-top: 40px;
  margin-left: -10px;
  margin-right: 13px;
}
 
.enlinea #i_whosonline {
width: 0px;
}
p em {
  display: none;
}
 
.enlinea .h3 {
display: none;
}
.chatbox .h3 {
  display: none;
}
 
.estadisc .h3 {
  font-size: 0px;
}
 
/****CABECERA CHATBOX****/
 
div.page-bottom, #chatbox_popup, .h3 a[target="ChatBox"]{
display: none;
}
 
p.page-bottom + div.h3{
border: none;
}
 
/****LEYENDA****/
 
ul#picture_legend {
display: none;
}
 
 
/****SCROLL****/
 
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display: none;
}
 
::-webkit-scrollbar{
width: 3px;
height: 5px;
}
 
::-webkit-scrollbar-track-piece {
background-color: #504F52;
}
 
::-webkit-scrollbar-thumb:vertical {
width: 3px;
height: 5px;
background-color: #ffffff;
}
 
/****FONTS SKIN****/
 
@font-face {
font-family: 'Trade Winds';
font-style: normal;
font-weight: 400;
src: local('Trade Winds'), local('TradeWinds'), url(http://themes.googleusercontent.com/static/fonts/tradewinds/v2/P7L1H4TWVDNJivDGg_--QIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
 
@font-face {
font-family: 'Andika';
font-style: normal;
font-weight: 400;
src: local('Andika'), url(http://themes.googleusercontent.com/static/fonts/andika/v3/7oCWhqd1EPSqB7_cG3_eAA.woff) format('woff');
}
 
@font-face {
font-family: 'Denk One';
font-style: normal;
font-weight: 400;
src: local('Denk One'), local('DenkOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/denkone/v1/ahLepySZXU_KFQaVZ6XDvPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
 
@font-face {
font-family: 'Neucha';
font-style: normal;
font-weight: 400;
src: local('Neucha'), url(http://themes.googleusercontent.com/static/fonts/neucha/v4/Z14xx5NkAnXABtaPytVZVA.woff) format('woff');
}
 
@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 400;
  src: local('Economica'), local('Economica-Regular'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/jObgDQiPUtmACAaaK3pMGz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 700;
  src: local('Economica Bold'), local('Economica-Bold'), url(http://themes.googleusercontent.com/static/fonts/economica/v1/UK4l2VEpwjv3gdcwbwXE9HhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
 
#login_popup_background{
background-color:transparent;border: 0px;border-style: none;
}
 
#login_popup_background .box-content {
background-color:transparent;border: 0px;border-style: none;
}
 
#login_popup_title{
visibility:hidden;background-color:transparent;border: 0px;border-style: none;
}
 
#login_popup_content{
background-color:transparent;border: 0px;border-style: none;
}
#login_popup{
background-color:transparent;border: 0px;border-style: none;
}
 
#login_popup_buttons{
visibility:hidden;
}
 
 
/*Efecto para los afiliados*/
 
#directorio img {
  width: 100px;
  height: 50px;
  margin: 2px;
  opacity: 0.8;
}
 
#elite img {
  width: 50px;
  height: 50px;
  margin: 2px;
  opacity: 0.8;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}
 
 
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  padding: 0 !important; 
}
.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0 !important;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker.dark .colorpicker_hex {
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
  top: 52px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
  top: 82px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
  top: 112px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px;
 overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
.colorpicker { z-index: 3; }
#chatbox_ret_cont{
 z-index: 999;
 background-color: transparent;
 position: fixed;
 bottom: 0;
}
#chatbox_ret_cont.chatbox_derecha{
 right: 0;
}
#chatbox_ret_cont.chatbox_izquierda{
 left: 0;
}
#chatbox_ret_cont div{
 cursor: pointer;
}
#chatbox_ret_cont iframe#chatbox_ret{
 background-color: white;
 display: none;
 height: 350px;
 margin-bottom: 0;
 width: 800px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
  color: #9D99A3;
}
#chatbox_header{background-color: #000000;}
#chatbox_footer{background-color: #000000;}
.chatbox-title, .chatbox-title a.chat-title {font-size: 0px;}
 
.grupo1 {text-align: center; background: #FF5900; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo2 {text-align: center; background: #099C13; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo3 {text-align: center; background: #F0DE18; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo4 {text-align: center; background: #006BDE; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo5 {text-align: center; background: #999999; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo6 {text-align: center; background: #C2388B; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo7 {text-align: center; background: #B81616; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo8 {text-align: center; background: #7C44F5; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
.grupo9 {text-align: center; background: #18BAF5; width: 160px; margin-bottom: 3px; line-height: 100%; color: #000000; padding-top: 20px; padding-bottom: 20px; font-size: 9px; text-transform: uppercase; font-weight: 700;}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Regular'), local('Cabin-Regular'), url(http://fonts.gstatic.com/s/cabin/v7/YW3SmFCeLOkefBVkMNxbtw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  src: local('Cabin Medium'), local('Cabin-Medium'), url(http://fonts.gstatic.com/s/cabin/v7/XHvvZj_uvRvYentxl9M1VhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  src: local('Cabin SemiBold'), local('Cabin-SemiBold'), url(http://fonts.gstatic.com/s/cabin/v7/pOvYyCQeTTtw6RxdlpulShTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: local('Cabin Bold'), local('Cabin-Bold'), url(http://fonts.gstatic.com/s/cabin/v7/82B-3YlzWJm8zbCrVEmc_hTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: local('Cabin Italic'), local('Cabin-Italic'), url(http://fonts.gstatic.com/s/cabin/v7/6rRVd2AaRJ0MqBftQKms6vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
 
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png) !important;
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  padding: 0 !important; 
}
.colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png) !important;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0 !important;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker.dark .colorpicker_hex {
  background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
  top: 52px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
  top: 82px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
  background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
  top: 112px;
  left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
}
.colorpicker_submit {
 position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
 width: 48px;
 height: 50px;
    top: 118px;
 overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}
.colorpicker { z-index: 3; }
 
p em {
    color: #ffffff;
    display: block;
    line-height: 100%;
    margin: 0 0 0 75px;
    width: 500px;
}

Resulta e/ou fica no seu agrado?
Fico no aguardo.
o/
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Algumas questões de Code num novo Layout

Mensagem por L Mars 28.02.18 18:29

Peço imensa desculpa, pensei que o membro tinha colocado aqui alguma resposta ^^
Um membro daqui do forum viu o pedido e entrou no meu forum e foi me ajudando pelo chat.

Obrigado a todos os que perderam o seu tempo e agradeço a rápida resposta Muito feliz
Penso que para já esta tudo certo sim.
L Mars
L Mars
****

Membro desde : 08/12/2008
Mensagens : 326
Pontos : 456

http://bulbarpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Algumas questões de Code num novo Layout

Mensagem por Alex 28.02.18 22:24

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos