Personalizar rodapé
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Personalizar rodapé
Detalhes da questão
Endereço do fórum: http://rpgteste.forumeiros.com/
Versão do fórum: PunBB
Descrição
Eu gostaria de modificar o rodapé, eu queria que ele fica se assim:
overall_footer_end
- Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p id="ir_a_pa" class="center">
<strong>
{ADMIN_LINK}
</strong>
</p>
<strong></strong></p></div></div></div></div></div><footer><div class="center"=> 2019 - 2020 - Habblive • Todos os direitos reservados.</div><div class="center"=><div class="footer-col"><strong class="footer-title"></strong><ul class="footer-list"><li><a href="http://portaldri.forumeiros.com/" target="_blank"></a></li><li><a href="http://portaldri.forumeiros.com/f7-dri-constituicao" target="_blank"></a></li></ul></div><div class="footer-col"><strong class="footer-title"> </strong><ul class="footer-list"><li><a href="https://www.facebook.com/adenilson.junior.77770" target="_blank"></a></li><a><li></li><ul></ul><div></div><p class="center">Comunidade hospedada por forumeiros. Editado por .</p>Fórum destinado para o C.</p> </div></footer></div>
{PROTECT_FOOTER}
</div>
folha CSS
- Código:
@import url("http://pokodesigns.zz.mu/forum/media/css/font-awesome.min.css") print;
@import "font-awesome-sprockets";
@import "font-awesome";
*{padding:0;margin:0;}
body{
background:#f5f5f5;
font-family: segoe ui;
}
a{text-decoration: none;}
.barra{
background: #fff;
border-bottom: 1px solid rgba(0,0,0,0.1);
color: #222;
font-size: 13px;
font-weight: 600;
height: 34px;
line-height: 31px;
text-indent: 8px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
width: 100%;
z-index: 1;
}
.barra .social {
color: #ccc;
float: right;
margin-top: 10px;
margin-left: -6px;
font-size: 14px;
}
.barra .social:hover{opacity:0.9;}
.menu{
background: #18360ab0;
box-shadow: rgba(0,0,0,0.7) 0 1px 5px;
height: 60px;
line-height: 38px;
width: 100%;
z-index: 999;
position: sticky;
top: 0px;
}
.menu .div{
color: #fff;
float: left;
font-size: 14px;
font-weight: 400;
margin-right: 5px;
padding: 10px;
list-style: none;
transition: 0.05s all;
}
.menu .div:hover{
border-bottom: 2px solid #b0ad6b;
}
header{
background: url()
background-position: center;
background-size: 100%;
border-bottom: 1px solid rgba(0,0,0,.10);
height: 245px;
width: 100%;
}
header .logo{
background: url(
) no-repeat;
width: 800px;
height: 160px;
position: absolute;
margin-top: 30px;
}
.noti_right{
color: #fff;
font-size: 14px;
font-weight: 300;
padding: 10px;
text-shadow: 0 1px 2px rgba(0,0,0,.3);
float: right;list-style: none;}
.right {
float: right;
}
.meio{ margin: auto;
width: 75%;
height: auto;
}
.attach {
float: right;
}
#search {
margin: 105px 0
}
#search_wrap {
-webkit-transition: all .1s ease-in 0!important;
background: #fff;
border-radius: 2px;
display: block;
height: 26px;
line-height: 25px;
min-width: 20px;
padding: 0 26px 0 4px;
position: relative;
transition: all .5s ease-in 0!important;
}
#main_search {
-webkit-transition: all 1s ease-in-out;
background: transparent;
border: 0;
color: #777;
font-size: 11px;
margin-top: 5px;
outline: 0;
padding: 0;
transition: all 1s ease-in-out;
width: 130px;
font-family: segoe ui;
}
#main_search:focus {
color: #5a5a5a;
width:200px;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
#search .submit_input {
background: #FFF url(https://i.imgur.com/4TSqpQ3.png) no-repeat 50%!important;
border: 0!important;
bottom: 0;
box-shadow: none;
display: block;
height: 26px;
margin-right: 1px;
outline: none!important;
padding: 0!important;
position: absolute;
right: 0;
text-indent: -3000em;
top: 0;
transition: all .1s ease-in 0!important;
width: 26px;
border-radius: 2px;
}
fieldset {
border: 0px groove threedface;
}
.pun {
background: #fff;
line-height: 160%;
margin: 0 auto;
min-width: 960px;
padding: 5px;
width: 98%;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
margin-top: -15px;
margin-bottom: 5px;
border-radius: 0 0 3px 3px;
}
.pun input{
border: 1px solid rgba(0,0,0,0.2);
border-radius: 2px;
box-shadow: inset rgba(0,0,0,0.03) 0 1px 3px;
font-size: 12px;
height: 25px!important;
outline: none;
text-indent: 4px;
}
.pun-crumbs {
background: rgba(0,0,0,0.04);
border-radius: 3px;
border-top: 1px solid rgba(0,0,0,0.06);
color: #333;
font-weight: 600;
margin: 0 1px 1em;
padding: 5px 11px 7px;
margin-top: 5px;
font-size: 11px;
}
#pun-visit, .main-box {
background-color: #fafafa;
border-color: #e5e5e5;
border-style: solid;
border-width: 1px;
margin: 0 0 1em;
padding: .6em 1em;
border-radius: 3px;
margin-top: 5px;
}
.pun .main-content {https://i.servimg.com/u/f74/19/93/56/19/anunci10.png
background: #000;
border: 0px solid rgba(0, 0, 0, 0.05);
border-radius: 0px;
padding: 0px;
margin-top:0px;
}
.pun table.table {
background: rgba(0, 0, 0, 0.03);
border-collapse: collapse;
empty-cells: show;
table-layout: fixed;
width: 100%;
}
.pun .statused{border-radius: 3px;}
.pun .statused tr:hover{background:#f5f5f5;}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: segoe ui;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-decoration: none;
}
.pun table.table td {
background-color: transparent;
border-color: transparent;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
padding-left: 7px;
font-size: 11px;
}
.pun .forumtitle{font-weight: 600!important;}
.pun a:visited {
color: #555;
text-decoration: none;
}
.pun a:link {
color: #666;
text-decoration: none;
}
.pun a:link:hover{color:#444;}
.pun .main table td.tc2, .pun .main table td.tc3 {background:transparent;}
.pun .paged-foot, .pun .paged-head {
padding: 12px 12px 12px 10px;
background: #fff;
border: 0;
border-top: 1px solid #b22d2d;
border-bottom: 1px solid #cc2525;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
margin-bottom: 5px;
font-size: 16px;
font-weight: 400;
color: #555;
text-transform: uppercase;
}
.pun .main-content {
background: #fff;
border: 1px solid rgba(0,0,0,0.05);
border-radius: 3px;
padding: 3px;
}
.pun .post {
background:#fff!important;
border: 1px solid rgba(0,0,0,0.1);
margin-bottom: 5px;
border-radius: 2px;
}
.pun .postmain {
background-color: #fff;
margin-left: 18em;
border-left: 1px solid #eee;
}
.pun .posthead {
background: #f9f9f9;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 9px 10px 11px;
}
.postfoot {
background: rgba(0,0,0,0.014);
border-top: 1px solid rgba(0,0,0,0.08);
clear: both;
padding: 5px;
text-align: right;
margin-left: 0;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: none;
color: #fff;
margin-right: 10px;
font-size: 11px;
line-height: 32px;
}
.pun .main-foot .options a, .pun .main-foot .options a:link, .pun .main-foot .options a:visited {
color: #fff;
margin-left: 3px;
margin-right: 5px;
text-decoration: none;
font-size: 12px;
}
.pun .main, .pun .main-category {
margin: 0;
}
.pun tbody.statused td.tcl {
padding-left:10px;
}
.pun .main .options {
color: #ccc;
float: right;
text-align: right;
margin-top: 4px;
}
.pun form[action^="/search?"] .tdtopics .status,
.pun form[action^="/privmsg?"] .tdtopics .status {
position: static !important;
margin-left: 0px !important;
margin-right: 5px;
}
.pun .entry-content {
font-size: 15px;
}
.main .main-foot, .main .main-head {
background: #b82919;
border-radius: 2px;
box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
font-size: 14px;
font-weight: 400;
height: 40px;
line-height: 40px;
margin-bottom: 6px;
padding: 0;
text-indent: 10px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
margin-top:5px;
}
.main .main-head {
background: #b82919;
border-radius: 2px;
box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
font-size: 14px;
font-weight: 400;
height: 40px;
line-height: 40px;
margin-bottom: 6px;
padding: 0;
text-indent: 10px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.main .main-head .page-title {
font-weight: 400;
font-size: 14px;
}
#chatbox_header.main-head {
background: #b82919;
border-radius: 2px;
box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
font-size: 14px;
font-weight: 400;
height: 30px;
line-height: 25px;
margin-bottom: 4px;
padding: 0;
text-indent: 4px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0;
width: 15em;
}
.chatbox-options {
float: right;
font-size: 11px;
list-style: none;
margin: .7em .5em .5em;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
line-height: 14px;
font-size: 11px;
}
#chatbox_members {
background: #fff;
border: 1px solid #eee;
bottom: 30px;
color: #333;
overflow: auto;
position: absolute;
top: 32px;
width: 180px;
margin-top: 1px;
border-radius: 3px 0;
}
#chatbox_members .member-title {
background: #b82919;
border-radius: 2px;
box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
font-family: segoe ui;
font-size: 12px;
padding: 7px 7px 9px;
text-indent: 4px;
line-height: 14px;
font-weight: 500;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
text-transform: capitalize;
margin: 4px;
text-align: left;
}
#chatbox {
background: #fff;
bottom: 30px;
left: 181px;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
top: 30px;
border: 1px solid #eee;
margin-top: 3px;
border-radius: 0 3px 0;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: 600;
}
#chatbox p {
line-height: 1.2em;
margin: 4px;
padding: 7px 7px 8px;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.04);
color: #000;
font-family: segoe ui;
}
#chatbox .date-and-time{
float: right;
color: #777;
text-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
#chatbox_footer {
background: #fafafa;
border: 1px solid #eee;
bottom: 0;
left: 0;
position: absolute;
right: 0;
padding: 0 0 3px;
border-radius: 0 0 3px 3px;
}
label[for="message"] {
display: none;
}
#chatbox_contextmenu {
background: #fff;
border: 1px solid #ddd!important;
border-radius: 2px;
box-shadow: none!important;
padding: 2px;
}
#chatbox_contextmenu p {
background: #fff;
font-family: segoe ui;
margin: 0;
padding: 1px 4px;
border-bottom: 0;
}
.cb-menu-title {
background: #eee!important;
border-bottom: 1px solid #ddd!important;
font-weight: 600!important;
}
.cb-menu-close {
color: #222!important;
font-size: 17px!important;
margin-right: 4px;
margin-top: -2px;
}
#message {
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 2px;
box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
height: 25px!important;
margin-right: 5px;
margin-top: 3px!important;
width: 350px!important;
outline: none;
text-indent: 10px;
font-size: 12px;
}
#submit_button {
background: #b82919;
border: 0!important;
border-radius: 2px!important;
box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1)!important;
color: #fff;
font-size: 12px;
height: 25px!important;
padding: 5px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
width: auto!important;
outline: none;
}
#chatbox_messenger_form {margin: 0!important;}
#help-button {display: none!important;}
#divcolor, #divsmilies, #help-button, #submit_button, .format-message + label {
border: 0;
border-radius: 2px;
display: inline-block;
height: 20px;
line-height: 16px;
text-align: center;
width: 21px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
box-shadow: inset rgba(0,0,0,0.1) 0 0px 1px;
}
.fontbutton {
background: rgba(0, 0, 0, 0.05) none repeat scroll 0;
border: medium none;
color: #000;
cursor: pointer;
float: left;
margin-right: 10px;
padding: 1px;
text-align: left;
}
label[for='format-bold'] {
font-weight: 700;
margin-top: 5px;
}
label[for="format-italic"] {
font-style: italic;
margin-top: 5px;
}
label[for="format-underline"] {
text-decoration: underline;
margin-top: 5px;
}
label[for="format-strike"] {
text-decoration: line-through;
margin-top: 5px;
}
#divcolor {
font-size: 13px;
line-height: 13px;
margin-top: 5px;
}
#divsmilies{margin-top: 5px;}
.format-message:checked + label {
background: #b82919!important;
border: 1px solid rgba(0,0,0,0.15);
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
text-align: center;
}
.login{
list-style: none;
color: #fff;
float: left;
font-size: 12px;
font-weight: 400;
list-style: none;
padding: 10px;
transition: .05s all;
text-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.registro{
list-style: none;
color: #fff;
float: left;
font-size: 12px;
font-weight: 400;
list-style: none;
padding: 10px 0px;
transition: .05s all;
text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.login a{
color:#555;
border-right: 1px solid #eee;
padding-right: 9px;
margin-right: -2px;}
.registro a{color:#555;}
.anuncio{
background: url() no-repeat;
width: 728px;
height: 90px;
border: 0;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.sprite-icon_topic_latest {
display: none;
}
.hover_stats {
display: none;
position: absolute;
}
.stats_arrow {
margin-left: 150px;
margin-right: -1px;
margin-top: -1px;
position: relative;
}
.idx_stats {
background: rgb(66, 66, 66);
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline;
font-size: 10px;
padding: 3px 5px;
}
.topico_button{
background: #b82919;
border-radius: 2px;
box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
padding: 6px;
font-size: 12px;
text-transform: capitalize;
font-weight: 600;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
margin: -4px;
float: right;
}
.topico_button a{color:#fff!important;}
p#ir_a_pa > strong > a{
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
background: #b82919;
border-radius: 2px;
bottom: 15px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05),0 1px 1px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
color: #fff;
cursor: pointer;
font-size: 12px;
position: fixed;
right: 15px;
text-align: center;
user-select: none;
z-index: 3;
padding: 10px;
font-weight: 500;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.mini_ava img {
-khtml-border-radius: 3px!important;
-moz-border-radius: 3px!important;
-webkit-border-radius: 100px!important;
background: #fff;
border: 1px solid #aaa!important;
border-radius: 3px;
height: 40px;
margin: 0px 5px;
padding: 1px;
width: 40px;
}
.pun .post .user {
background: #fff;
float: left;
overflow: visible;
margin-left: -212px;
margin-top: -31px;
position: relative;
width: 204px;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
padding-bottom: 38px;
}
.pun .user .user-ident {
font-size: 12px;
padding: 0 0 0.1em;
}
.pun .username{
font-size: 12px;
margin-bottom: 8px;
margin-top: -10px;
text-align: center;
position: relative!important;
}
.user-basic-info a img{
background-color: #fff;
border: 1px solid #d5d5d5;
border-radius: 1px;
height: 250px;
margin-left: 21px;
max-width: 155px;
padding: 2px;
width: 170px;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0px 5px;
padding: 1px;
border: 1px solid #aaa;
background: white;
}
.mini_ava img:hover {
border-color: #a1a1a1;
}
.username-bg{}
.info-msgs{
color: #555;
font-size: 13px;
height: 34px;
margin: -8px auto auto;
text-align: center;
text-shadow: 0 1px 1px #eee;
}
div[style*="resize"]{display:none;}
div[style*="width: 1130px; height: 153px;"]{height:200px;!important;}
#textarea_content{
width: auto!important;
min-width: 100px!important;
max-width: 900px!important;
}
.codebox {
background-color: #fff;
border: 1px solid #ddd;
margin: 1em;
border-radius: 2px;
}
.codebox dt {
background: #fafafa;
border-bottom: 1px solid #ddd;
padding: 8px;
color: #00698C;
font-weight: 600;
font-family: segoe ui;
font-size: 11px;
}
.codebox dd {
background-color: #f5f5f5;
padding: .5em;
margin:0;
}
.postmain blockquote {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
padding: 4px;
}
.postmain cite {
background: #fafafa;
border-bottom: 1px solid #ddd;
color: #b82919;
font-family: segoe ui;
font-size: 11px;
font-weight: 600;
padding: 8px;
margin: -4px -4px 5px;
}
.pun .frm .frm-buttons input {
line-height: 1.2;
margin-right: 1em;
overflow: visible;
vertical-align: middle;
background: #b82919;
border: 0!important;
border-radius: 2px!important;
box-shadow: inset 0 0 1px 1px rgba(0,0,0,.1)!important;
color: #fff;
font-size: 12px;
height: 25px!important;
outline: none;
padding: 5px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
width: auto!important;
}
.pun .frm .frm-form table {
border: 1px solid #ddd;
background: #fafafa;
}
.pun div.frm-form {
margin: 0;
padding: 0;
}
.pun table.table th {
background-color: #f4f4f4;
border-bottom: 1px solid #ddd;
color: #333;
padding: .5em 0;
}
#tabs ul li a {
background-color: #fafafa;
border: 1px solid #e5e5e5;
float: left;
color: #333;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 0 1em;
text-decoration: none;
}
#tabs ul li.activetab a {
background: #b82919;
color: #f4f9fd;
border: 0;
font-weight: 500;
box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
fieldset.frm-set dl dd {margin-left:0;}
fieldset.frm-set dl dt{display: none;}
fieldset.frm-set dl dt label{float: left!important;}
#profile-advanced-details div.separator{border-bottom: 1px dashed #e5e5e5;}
.main-content.clearfix.center img{
background-color: #fff;
border: 1px solid #d5d5d5;
border-radius: 1px;
height: 250px;
max-width: 155px;
padding: 2px;
width: 170px;
}
#updateAssuntos{
margin-left: 199px;
margin-top: -31px;
position: absolute;
}
#updateAssuntos img {
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
#updateAssuntos img:hover{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
footer{
background-color: #18360ab0;
color: #fff;
font-size: 11px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
height: 170px;
width: 100%;
line-height: 130%;
}
.credits{
background: #18360ab0;;
padding: 1.4em;
color: #FAFAFA;
border: 1px solid rgba(0,0,0,0.10);
text-align: center;
}
.cont_footer{padding: 1.3em 13em;}
.footer-col{float: left;width: 25%;}
.footer-title{display: block;font-size: 17px;text-transform: uppercase;color:#fafafa;}
.footer-list{list-style: none;margin: 7px 0 10px;padding-left: 0;}
ul.footer-list li a {color:#fff!important;}
.vote .vote-bar {
margin-left: 5px;
border:0;
font-size: 0;
height: 50px;
margin: 0 auto;
width: 4px;
}
.vote .vote-bar-plus {
background-color: #bf4444; border-radius: 100px
}
.vote .vote-bar-minus {
background-color: #EA4335; border-radius: 100px
}
.i_post{margin-left: -125px}
.main-content.standalone .button:hover {
background-color: #fff;
border: 1px solid #b82919;
}
fieldset.frm-set dl dt {
display:block;
}
ul#pun-legend, ul.pun-legend{
display:none;
}
.sceditor-toolbar {background-color: #f7f7f7!important;}
.i_reply_locked{ position: relative!important;}
.pun .paging {font-size: 13px;line-height: 20px;}
.sprite-arrow_prosilver_left{display:none!important;}
div.sceditor-toolbar{float: left;margin-top: -20px!important;}
.pun .frm div.posting-block dd.frm-textarea{ width: 90%!important;}
#first-post-br{display: none;}
.rank{
color: #fff;
font-size: 13px;
font-weight: 600;
height: 36px;
width: 155px;
margin: 5px auto;
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.14),inset 0 0 1px 1px rgba(0,0,0,.1);
text-align: center;
line-height: 33px;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.rank.supr{background-color:#000}.rank.supr:before{content:"\f005";font-family:FontAwesome;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;margin-right:5px}
.rank.adm{background-color:#900}.rank.adm:before{content:"\f2bd";font-family:FontAwesome;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;margin-right:5px}
.rank.cor{background-color:#3e4842}.rank.cor:before{content:"\f24e";font-family:FontAwesome;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;margin-right:5px}
.rank.bope{background-color:#AD1818}.rank.bope:before{content:"\f21b";font-family:FontAwesome;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;margin-right:5px}
.rank.crh{background-color:#040D70}.rank.crh:before{content:"\f2c2";font-family:FontAwesome;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;margin-right:5px}
.rank.dire{background-color:#C2C2C2}.rank.dire:before{content:"\f24e";font-family:FontAwesome;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;margin-right:5px}
.rank.dmi{background-color:#8B864E}.rank.dmi:before{content:"\f006";font-family:FontAwesome;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;margin-right:5px}
.rank.p2{background-color:#424242}.rank.p2:before{content:"\f21b";font-family:FontAwesome;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;margin-right:5px}
.rank.sf{background-color:#E6B907}.rank.sf:before{content:"\f09d";font-family:FontAwesome;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:1;margin-right:5px}
/* avisos do fórum - Display:none = OFF / Display: block = ON*/
.aviso_box{
display:block;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
padding: 4px;
}
.aviso_box .aviso_titulo{
background: #fafafa;
border-bottom: 1px solid #ddd;
color:#b82919;
font-family: segoe ui;
font-size: 11px;
font-weight: 600;
margin: -4px -4px 5px;
padding: 8px;
}
.aviso_titulo:after {
content: "Aviso Importante"!important;
}
.aviso_box .aviso_texto {
color: #555;
}
.aviso_texto:after {
content: "Nós, da Supremacia, desejamos você uma ótima estadia em nossa polícia e fique à vontade em nosso fórum! Aliste, promova e seja um ótimo militar, contamos com você para que possamos evoluir."
}
Cor a ser utilizada: RGB(122, 122, 26) #7A7A1A e se possivel eu gostaria que não remove se o botão do painel de controle ele é rotativo.
Re: Personalizar rodapé
Boa tarde!
Veja se este tópico é do seu agrado: https://ajuda.forumeiros.com/t111130-alteracoes-no-footer?highlight=Footer
Cordialmente.
Veja se este tópico é do seu agrado: https://ajuda.forumeiros.com/t111130-alteracoes-no-footer?highlight=Footer
Cordialmente.
Convidado- Convidado
Re: Personalizar rodapé
Não gostei, por que como mostrei na imagem, em cima quero a frase do lado os icones do face e do youtube e abaixo quero os links cujo mostrei.
Re: Personalizar rodapé
Olá!RPGU escreveu:Mais um up
Antes de enviar um UP, certifique-se que passaram 24 horas.
Atenção!Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico. Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros. |
Além disso, deixe me informar que o template como está, é ilegal pois remove os Copyright Forumeiros!
Re: Personalizar rodapé
Olá, eu sei que o templaste atual está irregular ocultando os dados da forumeiros e é por isso que estou solicitando esse novo rodapé com os dados da forumeiros como mostra a imagem.
Re: Personalizar rodapé
Olá @RPGU,
Peço então que remova as alterações feitas no template, e volte o postar aqui. Faremos então a mudança com as alterações solicitadas.
Fico no aguardo.
Peço então que remova as alterações feitas no template, e volte o postar aqui. Faremos então a mudança com as alterações solicitadas.
Fico no aguardo.
Re: Personalizar rodapé
Então removi o templaste e acredito que por causa do CSS ele ficou em branco, por que para mim ele era para voltar ao seu estado padrão. Bem não sei o que houve mais agora ta em branco.
Re: Personalizar rodapé
Olá mais uma vez
Remova a edição do template overall_footer_begin clicando no .
Nos diga ainda, como pretende fazer os ícones das redes sociais (imagens ou via CSS)?
Até mais.
Remova a edição do template overall_footer_begin clicando no .
Nos diga ainda, como pretende fazer os ícones das redes sociais (imagens ou via CSS)?
Até mais.
Re: Personalizar rodapé
É eu vi que você removeu o overall_footer_end, porém precisa remover também o overall_footer_begin, antes de começar!
Eu sei o nome é parecido e por isso é confuso.
Eu sei o nome é parecido e por isso é confuso.
Re: Personalizar rodapé
Olá!
Troque o template overall_footer_end por este:
Até mais.
Troque o template overall_footer_end por este:
- Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
<div>
<div>
<div>
<div>
<div>
<ul>
<li>
<!-- END html_validation -->
</li>
</ul>
<!-- BEGIN switch_footer_links -->
<ul>
<li>
<!-- BEGIN footer_link -->
<!-- BEGIN switch_separator --> | <!-- END switch_separator -->
{switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
<!-- END footer_link -->
</li>
</ul>
<!-- END switch_footer_links -->
</div>
<br />
<p class="center">
<strong>{ADMIN_LINK}</strong>
</p>
</div>
{PROTECT_FOOTER}
</div>
<script>
$(function() {
$("#pun-about ul").detach().prependTo(".footer #links .right");
console.log(" --> Footer/Header modif. || @author: RafaelS.");
});
</script>
<style>
.footer .right li {
list-style: none;
}
.footer {
background: #7A7A1A;
color: white;
}
.footer a {
color: white !important;
}
.footer #links a {
text-decoration: none;
margin: 5px;
}
.footer div {
padding: 15px;
}
.footer div#copy {
border-bottom: 1px solid #92922c;
text-align: center;
}
.footer i.fa.fa-facebook {
background: #4267b2;
padding: 8px;
border-radius: 5px;
}
#copy span.right {
margin: -5px;
}
#copy i.fa.fa-youtube-play {
background: #ff0a00;
padding: 7px;
border-radius: 5px;
margin-left: 5px;
}
</style>
<div class="footer"><div id="copy">Policia COE - Formando líderes para o futuro - Todos os direitos reservados<span class="right"><i class="fa fa-facebook" aria-hidden="true"></i><i class="fa fa-youtube-play" aria-hidden="true"></i></span></div><div id="links"><a href="/">Início</a><a href="/">Insira um Link</a><span class="right"></span></div></div>
</div>
</div>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
$(document).ready( function() {
$('div.fb-login-button, span.fb-login-button').attr({
"data-scope": "{switch_facebook_login.FB_SCOPE}",
"data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
"data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
"data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
"data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
});
$('div.fb-login-button, span.fb-login-button').each(function() {
if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
$(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
}
if($(this).html() == '') {
$(this).html('{switch_facebook_login.FB_LABEL}');
}
});
FB.init({
appId : "{switch_facebook_login.FB_APP_ID}",
cookie : {switch_facebook_login.FB_COOKIE},
xfbml : {switch_facebook_login.FB_XFBML},
oauth : {switch_facebook_login.FB_OAUTH},
version : '{switch_facebook_login.FB_VERSION}'
});
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
});
function onLoginFB() {
window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
}
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<script type="text/javascript">
$(document).ready( function() {
$('div.ti-connect').attr({
'data-loc' : '{switch_topicit_connect.TOPICIT_URL}',
'data-login' : '{switch_topicit_connect.BOARD_LOGIN}',
'data-version' : '{switch_topicit_connect.TOPICIT_VERSION}',
'data-lang' : '{switch_topicit_connect.BOARD_LANG}'
});
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'topicit-connect'));
});
</script>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Até mais.
Re: Personalizar rodapé
O link do face e youtube eu coloco em que parte?
class="fa fa-facebook" aria-hidden="true">AQUI?<
class="fa fa-facebook" aria-hidden="true">AQUI?<
Re: Personalizar rodapé
Olá!
Procure e troque:
Substitua LINK pelo link.
Procure e troque:
- Código:
<i class="fa fa-facebook" aria-hidden="true"></i>
- Código:
<a href="LINK"><i class="fa fa-facebook" aria-hidden="true"></i></a>
Substitua LINK pelo link.
Tópicos semelhantes
» Personalizar rodapé
» Personalizar rodapé
» Personalizar rodapé
» Personalizar o rodapé dos fóruns
» Personalizar itens do rodapé
» Personalizar rodapé
» Personalizar rodapé
» Personalizar o rodapé dos fóruns
» Personalizar itens do rodapé
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos