Botao para esconder barra de widgets
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Botao para esconder barra de widgets
Qual é minha questão:
Ola a todos.
O que eu desejaria era um botao na barra direita do meu forum, a que tem os widgets neste momento, que permitisse de esconder essa mesma barra, mas em todos os foruns.
Aqui no forum dos foruns tem um tutorial a explicar para apenas um forum, e eu queria que funcionasse em todos os foruns!
Espero obter uma ajudinha!
Cumprimentos, CorrenteGrafica.
Endereço do meu fórum:
http://corrente-grafica.forumeiro.com
Versão do fórum:
PUNBB
Ola a todos.
O que eu desejaria era um botao na barra direita do meu forum, a que tem os widgets neste momento, que permitisse de esconder essa mesma barra, mas em todos os foruns.
Aqui no forum dos foruns tem um tutorial a explicar para apenas um forum, e eu queria que funcionasse em todos os foruns!
Espero obter uma ajudinha!
Cumprimentos, CorrenteGrafica.
Endereço do meu fórum:
http://corrente-grafica.forumeiro.com
Versão do fórum:
PUNBB
Última edição por CorrenteGráfica em 20.09.13 17:59, editado 1 vez(es)
Re: Botao para esconder barra de widgets
Bom dia!
Poderia indicar o endereço do tutorial? Não estou a perceber o que o senhor deseja.
Sugiro, sempre indicar o endereço do tutorial quando cita um. No fdf tem mais de 200 tutoriais, não há como nós sabermos qual é.
Até mais.
Poderia indicar o endereço do tutorial? Não estou a perceber o que o senhor deseja.
Sugiro, sempre indicar o endereço do tutorial quando cita um. No fdf tem mais de 200 tutoriais, não há como nós sabermos qual é.
Até mais.
Re: Botao para esconder barra de widgets
Bihe, é esse mesmo, mas não compreendo esse tutorial, e que gostaria que esse efeito funcionasse em todos os fóruns, e não um só.
Re: Botao para esconder barra de widgets
Olá,
Querido no próprio tutorial fala que não funciona para versão PHPBB2, mas faça de acordo abaixo:
Primeiramente crie um widget com o seguinte código com o nome código (topo):
E salve. Veja se o mesmo resultou o efeito.
Até mais.
Querido no próprio tutorial fala que não funciona para versão PHPBB2, mas faça de acordo abaixo:
Primeiramente crie um widget com o seguinte código com o nome código (topo):
- Código:
<div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(http://i42.tinypic.com/vg54yu.png) no-repeat 0 -13px;" onClick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget-corrente-grafica.forumeiro.com')=='0') { my_setcookie('forum-widget-corrente-grafica.forumeiro.com','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','189px');} else { my_setcookie('forum-widget-corrente-grafica.forumeiro.com','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }"></div>
- Código:
<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget-corrente-grafica.forumeiro.com')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');} </script>
E salve. Veja se o mesmo resultou o efeito.
Até mais.
Re: Botao para esconder barra de widgets
Saudações!
Queira checar por gentileza:
https://ajuda.forumeiros.com/t74974-
https://ajuda.forumeiros.com/t43268-
https://ajuda.forumeiros.com/t56304-
Cordialmente!
Queira checar por gentileza:
https://ajuda.forumeiros.com/t74974-
https://ajuda.forumeiros.com/t43268-
https://ajuda.forumeiros.com/t56304-
Cordialmente!
Re: Botao para esconder barra de widgets
Boa tarde!
Se nenhum dos tópicos acima passados por nosso amigo resultar, mande-me teu CSS.
Até mais!
Se nenhum dos tópicos acima passados por nosso amigo resultar, mande-me teu CSS.
Até mais!
Re: Botao para esconder barra de widgets
- CSS:
- Código:
.bottom:hover {
background-color: #e04547;
color: #fff;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: transparent;
padding: .6em 1.3em 2em;
}.bottom {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background: #55728b
border: 0;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-size: 11px;
height: 26px;
line-height: 26px;
margin: 0 5px;
padding: 0 10px;
text-shadow: rgba(0,0,0,0.8) 0 -1px 0;
white-space: nowrap;
}
.main .main-foot, .main .main-head {
-moz-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
background-color: #2B6281;
box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
color: #fff;
font-size: 16px;
text-decoration: none;
font-weight: 300;
padding: 16px;
}
.pun .post {
border-color: transparent;
border-style: solid none;
border-width: 2px 0 1px;
}
.postfoot {
background: #fafafa;
border-top: 1px solid #f0f0f0;
clear: both;
margin-left: 0em;
margin-top: 9px;
padding: 9px;
text-align: right;
}
.pun .postmain {
background-color: transparent;
border-left: transparent;
margin-left: 18em;
}
.pun .post .user {
line-height: 130%;
text-align: center;
}
.user-basic-info a img:hover {
opacity: .8;
}
.user-basic-info a img {
-webkit-border-radius: 100px;
border-radius: 100px;
max-width: 94px;
max-height: 94px;
}
.pun .posthead h2 strong {
float: left;
}
.pun .posthead {
-moz-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
background-color: #e04547;
box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
color: #fff;
border-bottom: transparent;
font-size: 12px;
font-weight: 300;
padding: 16px;
}
.post_username {
float: left;
font-weight: 700;
min-width: 177px;
}
.post_date {
color: #ccc;
font-size: 11px;
font-weight: 400;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: transparent;
padding: .6em 1.3em .3em;
}
.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {
text-decoration: none;
}
.statistics_head {
font-size: 13px;
font-weight: bold;
color: #666;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
padding: 13px;
}
.main-box {
display: none;
}
#pun-about {
background-color: transparent;
border-color: transparent;
}
#pun-about #qjump {
display: none;
}
.staticsipb {
padding: 8px 0px 0px 8px;
}
.statistics {
margin: 20px 0 0 0;
line-height: 1.3;
overflow: hidden;
}
#board_statistics ul {
text-align: center;
}
.ipsType_small {
font-size: 12px;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
#board_statistics {
display: inline-block;
background: rgba(0,0,0,0.2);
border-radius: 2px;
color: #222;
padding: 3px 7px;
font-weight: bold;
margin-left: 20px;
margin-right: 0px;
}
#board_statistics li {
margin-right: 20px;
}
#footer_utilities, #footer_utilities a {
color: #fff;
}
#backtotop:hover {
background: rgba(0,0,0,0.6);
color: #fff;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
#footer_utilities {
padding: 30px 8px;
position: relative;
margin: 0 auto 10px;
min-height: 43px;
width: 96%;
}
#backtotop, #bottomScroll {
line-height: 20px;
text-align: center;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: rgba(0,0,0,0.3);
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
outline: 0;
}
.skin_link, .skin_link a {
color: #fff !important;
}
#copyright {
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
.mini_ava {
float: left;
}
.main .main-head.collapsed {
opacity: 0.2;
}
.main-head.collapsed:hover {
opacity: 0.4;
}
.main-head .toggle {
background: url(http://i50.tinypic.com/wkjrjl.png) no-repeat scroll 0 0 transparent;
display: block;
height: 22px;
margin-top: -4px;
outline: 0 none;
text-indent: -3000em;
visibility: hidden;
width: 32px;
}
.main-head:hover .toggle {
visibility: visible;
}
.main-head.collapsed .toggle {
background-image: url("http://i47.tinypic.com/se6jjr.png");
}
.mini_ava img {
-webkit-border-radius: 100px;
border-radius: 100px;
width: 34px;
margin: 0 5px;
height: 34px;
}
.mini_ava img:hover {
opacity: 0.8;
}
#community_app_menu>li.active>a {
background: url(http://upit.cc/i/7fb9a23f.png)
}
.main .main-head {
background-color: #e04547;
color: #fff;
padding: 16px;
font-size: 18px;
font-weight: 300;
}
.module .main-head {
background: #f9f9f9;
border-bottom: 1px solid #ddd;
box-shadow: none;
-webkit-box-shadow: none;
color: #666;
font-size: 13px;
font-weight: 700;
padding: 13px;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 5%;
}
.pun table .tcr {
overflow: hidden;
padding: 0 0 0 .5em !important;
text-align: left;
width: 20%;
}
.pun tbody.statused span.status {
position: relative!important;
margin-left: 7px;
}
.pun tbody.statused td.tcl {
padding: 15px;
font-size: 12px;
}
.stats_number {
font-size: 16px;
font-weight: bold;
display: block;
text-align: center;
color: #999;
position: relative;
overflow: hidden;
margin-right: 6px;
}
.stats_text {
font-size: 10px;
text-transform: uppercase;
display: block;
text-align: center;
margin-right: 11px;
color: #c0c0c0;
padding-top: 4px;
}
.pun table.table td {
border-bottom: 2px solid #f3f3f3;
border-left: transparent;
border-right: transparent;
border-top: transparent;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fff;
}
.pun .main-content {
background-color: #fff;
border: 1px solid transparent;
}
.hierarchy {
font-size: 11px;
}
.pun h3 {
font-family: "Open Sans",tahoma,helvetica,arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 300;
}
.pun h2 {
font-family: "Open Sans",tahoma,helvetica,arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 300;
}
#chatbox_members {
position: relative;
top: 0px;
height: 240px;
}
#chatbox {
height: 240px;
}
#chatbox_footer {
position: relative;
}
.main .main-head .page-title {
font-size: 18px;
font-weight: 300;
}
#community_app_menu>li.active>a:hover {
background: url(http://upit.cc/i/7fb9a23f.png);
}
#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
color: #fff;
background: url(http://upit.cc/i/7fb9a23f.png);
}
body.cpe, #themeEditor #editPattern span, .cpe #socialLinks li, .cpe #secondary_navigation, .cpe ul.post_controls a:hover, .cpe .answerBadgeInPost, .cpe .ipsLikeButton.ipsLikeButton_enabled, .input_submit, .cpe .ipsTag {
background-color: #DADADA;
}
.table .tc_icon {
padding: 10px 5px!important;
vertical-align: middle;
width: 30px;
}
.cpe #primary_nav, .cpe .maintitle, .cpe #community_app_menu > li.active > a, .cpe .col_c_icon img[src*="f_"], .cpe .f_icon, .cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .post_block h3, .cpe .mini_pagination a, .cpe .user_controls li a, .cpe #vnc_filter_popup_close, .cpe #search .submit_input, .cpe .col_f_icon img, .cpe .ipsBadge_green, body.cpe #logo, .cpe #themeToggle, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container {
background-color: #e04547;
}
#content {
padding: 5px 0px 10px 0px;
line-height: 120%;
}
.topCenter {
background-position: 50% 0% !important;
}
.scroll {
background-attachment: scroll !important;
}
.repeat {
background-repeat: repeat !important;
}
body {
background: #807365;
color: #5a5a5a;
font: normal 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
position: relative;
}
.wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1600px;
width: 96%;
}
::selection {
color: #fff;
background: #82b8e6;
}
body {
color: #5a5a5a;
font: normal 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
}
#user_bar {
background: rgba(0,0,0,0.15) url(http://upit.cc/i/4f46000d.png) bottom center;
border-radius: 0 0 1px 1px;
margin: 0px 0px;
margin-bottom: 10px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
#user_navigation {
float: left;
color: #fff;
font-size: 12px;
line-height: 42px;
height: 42px;
}
ol, ul {
list-style: none;
}
#user_navigation {
color: #fff;
font-size: 12px;
line-height: 42px;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
.ipsList_inline>li:first-child {
margin-left: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#user_navigation li.first a {
background: rgba(0,0,0,0.05);
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 12px;
line-height: 42px;
outline: none;
height: 42px;
}
a {
color: #333;
text-decoration: none;
}
#user_navigation .user_photo {
position: relative;
vertical-align: top;
padding: 0;
height: 40px;
width: auto;
margin: 1px -11px 0 -11px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
fieldset, img {
border: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#search {
margin: 4px 4px 0;
}body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
.hide {
display: none;
}
#adv_search {
width: 34px;
height: 34px;
background: url('http://i.imgur.com/1ep8pY1.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#adv_search:hover {
background-color: rgba(0,0,0,0.2);
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 34px 0 10px;
height: 34px;
line-height: 25px;
min-width: 292px;
box-shadow: rgba(0,0,0,0.24) 0px 0px 0px 1px;
}
.right {
float: right;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 200px;
height: 34px;
line-height: 34px;
outline: 0;
vertical-align: top;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#search_wrap {
line-height: 25px;
}
#search_options {
font-size: 10px;
height: 28px;
border-radius: 3px 3px 3px 3px;
line-height: 28px;
margin: 3px 3px 3px 0;
padding: 0 6px;
background: #eaeaea;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}.cpe #primary_nav, .cpe .maintitle, .cpe #community_app_menu > li.active > a, .cpe .col_c_icon img[src*='f_'], .cpe .f_icon, .cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .post_block h3, .cpe .mini_pagination a, .cpe .user_controls li a, .cpe #vnc_filter_popup_close, .cpe #search .submit_input, .cpe .col_f_icon img, .cpe .ipsBadge_green, body.cpe #logo, .cpe #themeToggle, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container {
background-color: #e04547;
}
#search .submit_input:hover {
-webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px;
box-shadow: inset rgba(255,255,255,0.2) 0px 100px 0px;
}
#search .submit_input {
background: #5D97B6 url(http://i.imgur.com/a2RmgiZ.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 34px;
height: 34px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
#user_bar {
background: rgba(0,0,0,0.2) url(http://upit.cc/i/4f46000d.png) bottom center;
border-radius: 0 0 1px 1px;
margin: 7px 0;
}
#user_navigation a:hover {
color: #fff;
background: rgba(0,0,0,0.50);
}
#notify_link img {
background-image: url('http://i.imgur.com/xKBmQ60.png');
}
#notify_link img, #inbox_link img {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -2px;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 20px;
padding: 0px 8px !important;
position: relative;
}
#inbox_link img {
background-image: url('http://i.imgur.com/fhmZWad.png');
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#avatar img {
height: 30px;
margin: 6px -6px 0;
padding: 0;
position: relative;
vertical-align: top;
width: auto;
}
#mainContent {
background: rgba(255, 255, 255, 0.8);
padding: 7px;
border-radius: 2px 2px 2px 2px;
position: relative;
}
#branding {
padding-bottom: 2px;
}
.cpe #primary_nav, .cpe .maintitle, .cpe #community_app_menu > li.active > a, .cpe .col_c_icon img[src*='f_'], .cpe .f_icon, .cpe .topic_buttons li a, .cpe .pagination .pages li.active, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .post_block h3, .cpe .mini_pagination a, .cpe .user_controls li a, .cpe #vnc_filter_popup_close, .cpe #search .submit_input, .cpe .col_f_icon img, .cpe .ipsBadge_green, body.cpe #logo, .cpe #themeToggle, .cpe #primary_extra_menucontent, .cpe #more_apps_menucontent, .cpe .submenu_container {
background-color: #e04547;
}
#primary_nav {
max-width: 70%;
}
#themeToggle, #primary_nav {
float: right;
font-weight: 700;
height: 110px;
margin-left: 7px;
}
#logo a.textLogo {
color: #fff;
height: 110px;
line-height: 110px;
padding-left: 50px;
font-weight: 300;
font-size: 48px;
font-family: "Open Sans",Arial,sans-serif;
display: block;
text-decoration: none;
}
#logo:hover{background: #FFF url(http://upit.cc/i/d161b99a.png) center left no-repeat;}
#logo {
background: #FFF url(http://upit.cc/i/0d32839e.png) center left no-repeat;
border-radius: 3px 0px 0px 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(0,0,0,0.25) 0px 0px 0px 1px;
height: 110px;
overflow: hidden;
}
#community_app_menu>li:first-of-type {
border: 0;
}
#community_app_menu>li {
margin: 0 0 0 0;
position: relative;
}
.left {
float: left;
}
#community_app_menu>li#nav_home>a:before {
background-image: url("http://upit.cc/i/19b12878.png");
}
#community_app_menu>li>a {
background: url(http://upit.cc/i/7fb9a23f.png);
color: #fff;
display: block;
height: 0px;
line-height: 30px;
outline: none;
padding-top: 75px;
margin-top: 15px;
position: relative;
text-align: center;
width: 75px;
}
#community_app_menu>li {
margin: 0 0 0 0;
position: relative;
}
#community_app_menu>li.active>a {
color: #fff;
position: relative;
}
#community_app_menu>li#nav_app_home>a:hover {
background: url(http://upit.cc/i/7fb9a23f.png) no-repeat bottom;
height: 34px;
margin-left: 2px;
margin-top: 0px;
opacity: 0.5;
}
#community_app_menu>li#nav_app_home>a:before {
background-image: url(http://upit.cc/i/e3b64f07.png);
margin-left: 2px;
height: 75px;
margin-top: -9px;
}
#community_app_menu>li#nav_app_software>a:hover {
background: url(http://upit.cc/i/7fb9a23f.png) no-repeat bottom;
height: 34px;
margin-left: 2px;
margin-top: 0px;
opacity: 0.5;
}
#community_app_menu>li#nav_app_software>a:before {
background-image: url(http://upit.cc/i/0d7f79a7.png);
margin-left: 2px;
height: 75px;
margin-top: -9px;
}
#community_app_menu>li#nav_app_suporte>a:hover {
background: url(http://upit.cc/i/7fb9a23f.png) no-repeat bottom;
height: 34px;
margin-left: 2px;
margin-top: 0px;
opacity: 0.5;
}
#community_app_menu>li#nav_app_suporte>a:before {
background-image: url(http://upit.cc/i/ebf4361a.png);
margin-left: 2px;
height: 75px;
margin-top: -9px;
}
#community_app_menu>li#nav_app_blogger>a:hover {
background: url(http://upit.cc/i/7fb9a23f.png) no-repeat bottom;
height: 34px;
margin-left: 2px;
margin-top: 0px;
opacity: 0.5;
}
#community_app_menu>li#nav_app_blogger>a:before {
background-image: url(http://upit.cc/i/cf4802a7.png);
margin-left: 2px;
height: 75px;
margin-top: -9px;
}
#community_app_menu>li#nav_app_empty>a:before {
background-image: url(http://upit.cc/i/7fb9a23f.png);
margin-left: 2px;
height: 75px;
margin-top: -9px;
}
#themeToggle span:before, #community_app_menu>li>a:before {
content: "";
display: block;
height: 60px;
overflow: hidden;
background: url("") no-repeat 50% 50%;
position: absolute;
top: 10px;
width: 100%;
}
#community_app_menu>li#nav_app_downloads>a:before {
background-image: url("http://i.imgur.com/Tch3RH4.png");
}
#community_app_menu>li#nav_app_blog>a:before {
background-image: url("http://upit.cc/i/bdcb47c6.png");
}
#community_app_menu>li#nav_app_nexus>a:before {
background-image: url("http://i.imgur.com/h1Ha1WD.png");
}
#socialLinks {
float: right;
list-style: none;
border-bottom: 1px solid rgb(202, 202, 202);
border-top: 1px solid rgb(202, 202, 202);
}
body.cpe, #themeEditor #editPattern span, .cpe #socialLinks li, .cpe #secondary_navigation, .cpe ul.post_controls a:hover, .cpe .answerBadgeInPost, .cpe .ipsLikeButton.ipsLikeButton_enabled, .input_submit, .cpe .ipsTag {
background-color: #55728b;
}
#socialLinks li {
margin-left: 7px;
float: left;
background: #E6E6E6;
border-radius: 2px;
}
#socialLinks img {
margin-right: 0px;
vertical-align: top;
}
#socialLinks a:hover {
opacity: .5;
}
#socialLinks a {
display: block;
overflow: hidden;
text-align: center;
width: 48px;
height: 48px;
}
#secondary_navigation {
background: black;
color: #fff;
font-size: 11px;
height: 50px;
line-height: 42px;
margin-bottom: -4px;
margin-top: 0px;
overflow: hidden;
}
#secondary_links {
overflow: hidden;
padding-right: 4px;
}
#secondary_links li {
float: left;
margin: 0;
}
#secondary_links a {
padding: 0 12px;
display: block;
}
#secondary_navigation a {
color: #fff;
line-height: 41px;
height: 41px;
}
#secondary_links img {
vertical-align: top;
position: relative;
margin: 7px -4px 0 -4px;
}
#secondary_links a#quickNavLaunch img {
opacity: 1;
}
#pun-navlinks ul.clearfix a.mainmenu img:hover {
background-size: 5px !important;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.fa_avatar {
width: 25px;
height: 25px;
position: relative;
top: -7px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -10px;
}
#av_quickreply img {
left: 15px;
position: relative;
top: 35px;
}
#av_quickreply {
float: left;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 35px;
height: 35px;
margin: 0 5px;
opacity: 0.5
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
height: 70px;
opacity: 1;
width: 70px;
}
.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}
/*POPUP TOPICO NÃO LIDO */
#popupnew {min-height:50px;
background-color: #121212;
border: 1px solid #090909;
border-left: 10px solid #090909 !important;
min-width: 200px;
position: absolute;
position: fixed;
bottom: 30px;
margin-left: 40px;
border-radius: 0px 1em 1em 0px;
padding: 5px;
box-shadow: 0px 0px 3px black, 0px 0px 5px black, 0px 0px 10px black, 0px 0px 15px black;
z-index: 999;
display:none;
font-family: Segoe UI, Calibri, Sans-serif;
font-size: 16pt;}
Re: Botao para esconder barra de widgets
Mas eu preciso que os Widgets estejam ativos e com o efeito de esconder o mesmo senhor...
Tópicos semelhantes
» Como esconder os widgets
» Botão para esconder widgets - acabamento
» Botão para esconder widgets do fórum
» Opção para esconder e aparecer os widgets do forum
» Codigo para esconder widgets engual desse forum
» Botão para esconder widgets - acabamento
» Botão para esconder widgets do fórum
» Opção para esconder e aparecer os widgets do forum
» Codigo para esconder widgets engual desse forum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos