Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosBotao "agradecer"
3 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 "agradecer"
por DarkDoki 02.09.12 21:25
Qual é minha questão:
Fiz com esse tutorial : https://ajuda.forumeiros.com/t64222-tutorial-sistema-de-reputacao-com-likes
Meu Css Todo :
Javascript :
Links e imagens do meu problema:
Não é necessário.
Endereço do meu fórum:
http://darkcheats.uniogame.com
Versão do meu fórum:
PunBB
Fiz com esse tutorial : https://ajuda.forumeiros.com/t64222-tutorial-sistema-de-reputacao-com-likes
Meu Css Todo :
- Spoiler:
- Código:
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
body {
background: #16334E url(http://i.imgur.com/WeFcE.gif) repeat-x left top;
font-family: arial,helvetica,sans-serif;
font-size: 12px;}
.pun {
width: 988px;
margin: auto;
padding: 0px;
}
#pun-intro {
height: 95px;
position: relative;
background: none!important;
border:none;}
#pun-logo {
position: relative;
top: 38px;
left: 7px;
}
#pun-head #pun-navlinks {
background: none;
float: left;
margin: 7px 6px;
padding: 0;
width: 100%;
}
#main-content {
padding: 12px 18px 18px 18px;
}
.theadrow.table {
background: #BFD9F2 url(http://i.imgur.com/kKEXt.gif) repeat-x top center;
display: block;
width: 100%;
float: left;
position: relative;
line-height: 23px;
font-size: 11px;
border: 1px solid #CBDBEA;
border-bottom: 1px solid #93B1CD;
color: #6E7175;
margin-left: -1px;}
.foruminfo.td {
width: 53%;
min-width: 30%;
float: left;
clear: right;
}
.datacontainer {
float: left;
width: 86%;
padding: 0;
padding-left: 52px;
}
.forumstats.td {
display: block;
float: left;
clear: right;
width: 16%;
margin-right: 2%;
}
.forumlastpost.td {
width: 22%;
display: block;
float: left;
clear: right;
}
.pun table.table td {
border-width: 0px;
line-height: 130%;
padding: .6em 0 .5em;
background: white url(http://i.imgur.com/0kVLW.png) repeat-x left bottom;
border-bottom: 1px solid #C7D6E7!important;
border-left: none;
border-right: none;
border-color: #C7D6E7!important;}
.pun .main table td.tc2, .pun .main table td.tc3{
background: white url(http://i.imgur.com/0kVLW.png) repeat-x left bottom;}
.main .main-head {
background: url(http://i.imgur.com/2VfqC.gif)no-repeat top left ,url(http://i.imgur.com/bSjmP.gif)no-repeat right top ,url(http://i.imgur.com/Yz5en.gif) repeat-x top left;
clear: both;
color: white;
line-height: 17px;
}
.main .main-head .page-title {
font-family: arial,helvetica,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 17px;
}
.bottomBar {
background: url(http://i.imgur.com/QcuSm.gif) repeat-x top left;
height: 3px;
font-size: 0;
clear: both;
}
.pun .main-content {
border: 1px solid #C7D6E7;
}
.main .main-head .page-title h2{font-weight: 700;}
.hierarchy a {
color: #010101!important;
font: 14px arial, helvetica, sans-serif;
font-weight: bold;
}
.hierarchy a:hover{color: #15548F!important;}
#pun-foot {
background: url(http://i.imgur.com/OiPdu.gif) repeat-x top;
height: 145px;
margin: 22px 0;
color: #B4D0EB;
position: relative;
border-radius: 10px;
}
#pun-about {
background: none;
border: none;
text-align: center;
}
#pun-about ul li a {
color: #75BCFF!important;
text-decoration: none;
font-size: 15px;
font-weight: 700;
text-shadow: #07121E 1px 1px;
}
#pun-about ul li a:hover {
color: #FFF!important;
}
#pun-about #qjump fieldset {
display: none;
}
#pun-about ul {
color: transparent;
}
#midSection {
height:81px;
color:#fff;
}
#midSection h1 {
margin:0;
padding:0;
font-size:20px;
font-weight:700;
}
#midSection h3 {
margin:0;
padding:0;
font-size:12px;
font-weight:700;
}
.midPremade {
background:url(http://i.imgur.com/xPVz4.gif) no-repeat top left;
height:62px;
line-height:23px;
padding:19px 0 0 75px;
text-shadow: #0f4679 1px 1px;
float:left;
}
.midPremade a:link, .midPremade a:visited {
color:#b2d9ff;
}
.midPremade a:hover {
color:#ffec83;
}
.midPremade strong {
color:#ffec83;
}
.midCustom {
background:url(http://i.imgur.com/DKxL3.gif) no-repeat top left;
height:62px;
line-height:23px;
padding:19px 0 0 58px;
text-shadow: #0f4679 1px 1px;
float:right;
}
.midCustom a:link, .midCustom a:visited {
color:#b2d9ff;
font-size:15px;
font-weight:700;
}
.midCustom a:hover {
color:#ffec83;
}
#specialsBox {
height:38px;
padding:0 10px;
}
#specialsBox a:link, #specialsBox a:visited {
color:#cfe8ff;
}
#specialsBox a:hover {
color:#fff;
}
.currentSpecial {
background:url(http://i.imgur.com/ud9rb.png) no-repeat left;
padding:11px 0 11px 30px;
float:left;
color:#2d6ea9;
}
.currentSpecial strong {
background:url(http://i.imgur.com/SJudm.gif) no-repeat right;
padding-right:11px;
color:#ffe488;
font-size:14px;
text-transform:uppercase;
font-weight:700;
}
.currentSpecial a {
margin-left:4px;
}
.twitterFollow {
background:url(http://i.imgur.com/A545m.png) no-repeat left;
padding:13px 0 13px 30px;
float:right;
}
#loginBox {
color: #748493;
float: right;
font-size: 11px;
height: 81px;
padding: 12px 0 0;
position: relative;
top: 30px;
}
.loginbox2 {
float: left;
width: 406px;
}
.loginbuttom {
float: right;
}
.memberLinks {
padding-top: 3px;
float: left;
font-weight: 700;
text-transform: uppercase;
margin-left: 5px;
}
.remembox {
float: right;
color: #748493;
}
.loginInput {
border: 0;
color: #748493;
width: 140px;
margin: 0;
padding: 0 5px;
line-height: 28px;
background: url(http://i.imgur.com/lkqIJ.gif) no-repeat top left;
height: 28px;
}
.copyright {
text-align: center;
font-size: 11px;
line-height: 18px;
padding-top: 8px;
}
.footerLogo {
position: absolute;
top: 71px;
right: 37px;
}
#page-body {
background: white url(http://i.imgur.com/cgR2A.gif) repeat-x top left;
border-radius: 7px;
}
#navigation {
background: url(http://i.imgur.com/OFKCh.gif) no-repeat top left;
height: 43px;
padding-left: 2px;
margin-top: 6px;
}
#navigation ul {
list-style:none;
padding:0;
margin:0;
}
#navigation li {
background:url(http://i.imgur.com/M8PEc.gif) no-repeat top right;
float:left;
padding-right:2px;
}
#navigation a:link, #navigation a:visited {
display:block;
color:#18446c;
font-size:15px;
font-weight:700;
height:43px;
line-height:43px;
text-align:center;
text-shadow: white 1px 1px;
}
#navigation a:hover {
background:url(http://i.imgur.com/z2yeG.gif) repeat-x top left;
}
.navHome a {
width:83px;
}
.navSkins a {
width:175px;
}
.navCustom a {
width:187px;
}
.navSupport a {
width:161px;
}
.navKB a {
width:152px;
}
.navHC a {
width:128px;
}
.navPortfolio a {
width:136px;
}
.navaffiliates a {
width:102px;
}
#main {
background: url(http://i.imgur.com/Xasnl.gif) repeat-x bottom left;
border-radius: 7px;
}
.navtabs li a.navtab {
display: block;
min-width: 60px;
width: auto !important;
width: 60px;
_min-width: 75px;
_width: auto !important;
_width: 75px;
text-align: center;
color: #333;
font-size: 14px;
text-decoration: none;
line-height: 49px;
height: 49px;
padding: 0 10px;
font-weight: 700;
text-transform: uppercase;
border: 1px solid transparent;
border-top: 1px solid #EEF2F6;
border-bottom: 1px solid #CDD5E1;
margin: 0 6px;
background: none;
}
.navtabs li.selected a.navtab {
background: #1E629F url(http://i.imgur.com/5tlXR.gif) repeat-x;
color: #15538E;
position: relative;
top: -px;
padding-top: px;
z-index: 10;
border: 1px solid #CBD3DF;
border-bottom: 1px solid transparent;
-moz-border-radius-topleft: 6px !important;
-moz-border-radius-topright: 6px !important;
-webkit-border-top-left-radius: 6px !important;
-webkit-border-top-right-radius: 6px !important;
}
.navtabs li {
float: left;
list-style: none;}
#pun-head {
background: url(http://i.imgur.com/f5ALU.gif) repeat-x top left;
position: relative;
height: 88px;
font: 12px arial,helvetica,sans-serif;
color: #333;
width: 100%;
padding: 0;
margin: 0;
}
#navtabs li a:hover{background: #1E629F url(http://i.imgur.com/5tlXR.gif) repeat-x;
color: #15538E;
border: 1px solid #CBD3DF;
border-bottom: 1px solid transparent;
-moz-border-radius-topleft: 6px !important;
-moz-border-radius-topright: 6px !important;
-webkit-border-top-left-radius: 6px !important;
-webkit-border-top-right-radius: 6px !important;}
.orange {
color: #FF8200;
}
#pun-navlinks li {
margin: 0px;
padding: 3px 4px;
border: 1px solid transparent;
}
#pun-navlinks li:hover {
border-color: #AAB5C6;
background-color: white;
border-radius:3px;}
#pun-navlinks li a {
margin: 0;
padding-left: 4px;
font: 12px arial, helvetica, sans-serif;
}
#search_menu {
top: 100px!important;
left: 150px!important;
}
#topBar {
height:36px;
line-height:36px;
text-align:center;
position:absolute;
z-index: 999;
}
.topBarSpecial span {
}
.topBarSpecial a:link, .topBarSpecial a:visited {
background:url(http://i.imgur.com/fMb0b.png) no-repeat left;
height:36px;
line-height:36px;
color:#b22200;
padding-left:27px;
}
.topBarSpecial a:hover {
}
.topAttentionBox {
}
.topAttention {
background:url(http://i.imgur.com/4quRC.gif) no-repeat left;
padding:3px 0 3px 27px;
color:#b22200;
}
.topAttention strong {
font-weight:700;
}
#pun-title {
display: none;
}
#pun-desc {
display: none;
}
.options_block, .options_block2 {
clear: right;
position: relative;
width: 49.5%;
float: left;
margin-right: 5px;
}
.blockhead {
font: normal 12px arial,helvetica,sans-serif;
color: white;
background: #185C9A url(http://i.imgur.com/pcy70.gif) repeat-x;
_background-image: none;
padding: 4px 10px 4px 10px;
border: 1px solid #165692;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
#forum_icon_legend, #posting_rules{
border-bottom: 1px solid #C7D6E7;
border-left: 1px solid #C7D6E7;
border-right: 1px solid #C7D6E7;
background: white url(http://i.imgur.com/VluyE.png) repeat-x;
}
#icon_legends, #forumrules{
padding: 5px 10px;
}
.minilegend {
float: left;
clear: right;
margin-right: 5px;
}
.minilegend img {
width: 17px;
height: 17px;
}
#icon_legends dd{margin-bottom: 5px;
display: block;}
.contenedorxp {
overflow-y: auto;
}
.visitepost {
background: #F2F6F8 url(http://i.imgur.com/q25ZK.png) repeat-x left bottom!important;
text-align: center;
}
.post_field {
background: #EEF5FC;
color: #495359;
border: 1px solid #C4D8EC;
padding: 6px 3px 3px 10px;
margin-top: 2px;
text-align: left;
color: #495359;
font-weight: 700;
}
.postfoot {
background: #F0F5FA none;
border-top: 1px solid #C7D6E7;
padding: 0em;}
.user-ident {
text-align: center;
}
.pun .posthead {
background: #BFD9F2 url(http://i.imgur.com/TuqOF.gif) repeat-x top center;
color: #6E7175;
font: normal 12px arial, helvetica, sans-serif;
padding: 2px 5px;
border-top: 1px solid #93B1CD;
font-weight: 400;
border-bottom: 1px solid #93B1CD;
}
.pun .posthead h2 {
font: normal 12px arial,helvetica,sans-serif;
}
.pun .post {
border: none;
}
#pun-about fieldset {
display: none;
}
.pun .user-ident .username {
position: relative;
margin-bottom: 5px;
}
.copyright a {
color: #75BCFF!important;
}
.copyright a:hover {
color: white!important;
}
.pun .postmain {
border-left: 1px solid #C7D6E7;
}
.title.icon {
border-bottom: 1px solid #C7D6E7;
margin-bottom: 8px;
padding: 5px;
font: bold 14px arial,helvetica,sans-serif;
}
.pun table .tdtopics .status{
margin-left: -40px;
}
.pun .paged .posting {
float: left;
}
.pun .post .user {
margin-top: 5px;
}
.topicoptions {
text-align: center;
}
.onlineuserpost {
top: 0px;
position: absolute;
}
.inlineimg.onlinestatus {
z-index: -999;
}
#i_icon_online {
z-index: 999;
margin-left: -15px;
}
.tcat {
background: url(http://i.imgur.com/rGTBR.gif) repeat-x top left;
color: white;
height: 34px;
clear: both;
margin-top: 8px;
border: 0;
padding: 0;
width: 100%;
}
.tcatLeft {
background: url(http://i.imgur.com/u2Hs3.gif) no-repeat top left;
height: 34px;
}
.tcatRight.foruminfo.L1.collapse {
background: url(http://i.imgur.com/xGVKG.gif) no-repeat top right;
height: 34px;
}
.tcat h2 {
padding: 0 0 0 16px;
font: bold 14px arial, helvetica, sans-serif;
line-height: 34px;
float: left;
font-weight: 700;
}
#wgo {
border: 1px solid #C7D6E7;
background: white url(http://i.imgur.com/smF1N.png) repeat-x;
}
#wgo p {
padding-bottom: 3px;
}
.blocksubhead {
margin-left: -5px;
background: transparent;
padding-bottom: 5px;
color: #3E3E3E;
font-weight: bold!important;}
#wgo_stats {
padding: 4px 10px 4px 10px;
border-top: 1px solid #CECECE;
}
#wgo_onlineusers {
display: block;
color: #3E3E3E;
clear: both;
width: 100%;
padding: 4px 10px 4px 10px;
}
#profile-advanced-layout #tabs {
position: relative;
}
h2.topic-title a {
color: #0064C2!important;
}
h2.topic-title a:hover {
color: #FF8200!important;
}
.postmain blockquote {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #FFF4E6 none;
border-radius: 5px;
border: 1px solid #FFA027;
font: italic normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: relative;
top: 0;
padding: 5px 10px 5px 10px;
}
.main-content.topic a:hover {
color: #FF8200!important;
}
.main-content.topic a {
color: #0064C2!important;
}
.username a {
font-size: 14pt;
font-weight: 400;
}
.module.main .main-head .h3 {
display: block;
line-height: 1.2em;
margin-top: 3px;
outline-style: none;
overflow: hidden;
text-align: left;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.main-foot {
background: url(http://i.imgur.com/Yz5en.gif);
}
#---------Estastisticas Personalizadas-------------------#
div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}
#-------------Icones de Moderaçao --------------#
/* Action Notice ---------------------------------------- */
.bvinfo, .bvsuccess, .bvwarning, .bvalert, .bverror, .bvcancel, .bvhelp, .bvref { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } .bvinfo { color: #00529B; background-color: #BDE5F8; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Info.png'); } .bvref { color: #00529B; background-color: #BDE5F8; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/referido.png'); } .bvwarning { color: #9F6000; background-color: #FEEFB3; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Attention.png'); } .bvsuccess { color: #4F8A10; background-color: #DFF2BF; background-image:url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Valid20Green.png'); } .bverror { color: #D8000C; background-color: #FFBABA; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Remove20Red.png'); } .bvcancel { color: #D63301; background-color: #FFCCBA; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Cancel.png'); } .bvhelp { background-color: #CD9BFF; border: 2px solid #6200C4 ; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Knob20Help.png) ; } /*-------------------Mod Notice------------------*/ .mod1 { background-color: #ADCBE7; border: 2px solid #0F5C8E; color: #004DFF; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/register-icon-2-1-1.png'); background-repeat: no-repeat; background-position: 10px center; margin: 10px 0px; padding:15px 10px 15px 50px; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 15px; -webkit-border-radius: 15px; } .mod2 { background-color: #D6ECA6; border: 2px solid #8DC93E; background-image: url('http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/Mail-icon-1-1.png'); margin: 10px 0px; padding:15px 10px 15px 80px; background-repeat: no-repeat; background-position: 10px center; /* Bo tròn góc ---------------------------------------- */ -moz-border-radius: 15px; -webkit-border-radius: 15px; } /*-------------------Mod Notice------------------*/ .bvmod{text-align:center;} .bvmod1, .bvmod2, .bvmod3, .bvmod4, .bvmod5{ width: 80%; margin-top:2em; margin-left: auto; margin-right: auto; border-radius: 10px 10px; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; padding: 15px 20px 15px 80px; margin: 0px 0px 0px 0px; -webkit-box-shadow: 2px 2px 3px #999; -moz-box-shadow: 2px 2px 3px #999; /*IE min-height ♥♥♥*/ min-height:40px; height:auto !important; height:40px; overflow:visible; position:relative; bottom:6px; right: 6px; border: 1px solid #999999; /*Set the position of the background image*/ background-position: 20px 50%; background-repeat: no-repeat; text-align: justify; } .bvmod1, .bvmod2, .bvmod3, .bvmod4,.bvmod5 { /* IE5 ♥♥♥ */ \margin: 0px 0px -3px 0px; \margin: 0px 0px 0px 0px; } .bvmod1 { background-color: #EEF; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/note.png); } .bvmod2 { background-color: #FFC; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/important.png); } .bvmod3 { background-color: #FDD; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/warning.png); } .bvmod4 { background-color: #E4F6F8; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/tip.png); } .bvmod5 { background-position: 10px center; background-color: #D8F3C9; background-image: url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/help.png);} .bvdown { background:url(http://i1199.photobucket.com/albums/aa464/finalclap/Icon%20BaoVyMMO/gicnL.png) top left no-repeat; padding-top: 30px; padding-left: 70px; color:blue !important; font-family:"Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size:14px; height:92px; text-align:left !important; } .bvdown a { text-decoration:underline !important; } div .bvdown { margin:auto; width:70%; }
#-----------Redessociaisflutuantes----------#
.tw_lnk
{
display: scroll;
position: fixed;
bottom: 60%;
right: 0px;
}
.fb_lnk
{
display: scroll;
position: fixed;
bottom: 35%;
right: 0px;
}
#---Efeitos das imagens----#
.adipoli-wrapper
{
margin:auto;
position:relative;
display: inline-block;
}
.adipoli-wrapper>img
{
position: absolute;
z-index: 1;
}
.adipoli-before
{
position: absolute;
z-index: 5;
}
.adipoli-after
{
position: absolute;
z-index: 10;
}
.adipoli-slice {
display:block;
position:absolute;
z-index:15;
height:100%;
}
.adipoli-box
{
display:block;
position:absolute;
z-index:15;
}
#---Efeito Botao login----##
.user_login_form input[type="password"], .user_login_form input[type="text"] {
border: 1px solid #DDD;
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
}
.user_login_form input[type="text"] {
background: url(http://i.imgur.com/rzOu1.png)no-repeat;
padding-left: 20px;
}
.user_login_form input[type="password"] {
background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
padding-left: 20px;
}
#username {
border: 1px solid #DDD;
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
padding-left: 20px;
background: white url(http://i.imgur.com/rzOu1.png)no-repeat;
}
#password {
border: 1px solid #DDD;
padding: 5px;
border-radius: 0px!important;
cursor: text;
top: 0px;
background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
padding-left: 20px;
}
#--- Respostas rapidas ---#
form#quick_reply #textarea_content textarea#text_editor_textarea, form#quick_reply #textarea_content iframe#text_editor_iframe {
color: #666;
resize: none;
overflow: auto;
background-color: #3B9205 !important;
border: transparent !important;
background-image: -moz-linear-gradient(top,#3B9205 0%,#2D8700 100%);
background-image: -ms-linear-gradient(top,#3B9205 0%,#2D8700 100%);
background-image: -o-linear-gradient(top,#3B9205 0%,#2D8700 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3B9205),color-stop(100%,#2D8700));
background-image: -webkit-linear-gradient(top,#3B9205 0%,#2D8700 100%);
background-image: linear-gradient(top,#3B9205 0%,#2D8700 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#3B9205,EndColorStr=#2D8700);
-moz-border-radius-topleft: 0;
}
#quick_reply {
padding: 2px;
}
#quick_reply:focus, #quick_reply:hover, #quick_reply:active {
height: 300px;
-moz-transition: all 0.518s;
-ms-transition: all 0.518s;
-o-transtion: all 0.518s;
-webkit-transition: all 0.518s;
transition: all 0.518s;
}
#quick_reply {
height: 30px;
-moz-transition: all 0.518s;
-ms-transition: all 0.518s;
-o-transtion: all 0.518s;
-webkit-transition: all 0.518s;
transition: all 0.518s;
}
#quick_reply {
z-index: 999;
border: 1px solid #CCC;
overflow: hidden;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-image: -moz-linear-gradient(top,#6AE51D 0%,#43AF00 100%);
background-image: -ms-linear-gradient(top,#6AE51D 0%,#43AF00 100%);
background-image: -o-linear-gradient(top,#6AE51D 0%,#43AF00 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6AE51D),color-stop(100%,#43AF00));
background-image: -webkit-linear-gradient(top,#6AE51D 0%,#43AF00 100%);
background-image: linear-gradient(top,#6AE51D 0%,#43AF00 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6AE51D,EndColorStr=#43AF00);
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
form#quick_reply #textarea_content textarea#text_editor_textarea:focus{
background-image: -moz-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: -ms-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: -o-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#ffffff));
background-image: -webkit-linear-gradient(top,#ffffff 0%,#ffffff 100%);
background-image: linear-gradient(top,#ffffff 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ffffff);
}
#---Efeito Opacidade ---##
.user-avatar img {
opacity: 0.6;
}
.post:hover .user-avatar img {
opacity: 1;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
}
.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;
}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}
#---Trocar Background ---#
#custom_background{background-image:url('http://www.habbid.com.br/arquivos/2012/03/1729326012.png') !important;box-shadow:0 0 10px rgba(0,0,0,0.8) inset;color:#FFF;position:relative;padding:15px 0 15px 15px}
#custom_background span{-moz-transition:all .2s ease-in-out 0;background:none no-repeat scroll 50% 50% #000;border-radius:7px 7px 7px 7px;box-shadow:0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);cursor:pointer;display:block;float:left;height:90px;margin-right:15px;width:15%}
#custom_background span:hover{box-shadow:0 1px 2px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35)}
#bg1{background-image:url(http://www.habbid.com.br/arquivos/2011/01/196874899.gif)!important;background-repeat:repeat-x!important}
#bg2{background-image:url(http://www.habbid.com.br/arquivos/2012/03/1514427215.gif)!important}
#bg3{background-image:url(http://www.habbid.com.br/arquivos/2012/03/999082446.gif)!important}
#bg4{background-image:url(http://www.habbid.com.br/arquivos/2011/06/820630520.gif)!important}
#bg5{background-image:url(http://www.habbid.com.br/arquivos/2010/12/66931882.png)!important}
#bg6{background-image:url(http://www.habbid.com.br/arquivos/2010/12/69289942.gif)!important;background-repeat:repeat-x!important}
#custom_url{clear:left;padding-top:10px;text-align:center}
#custom_input{background:none repeat scroll 0 0 rgba(0,0,0,0.5);border:0 none;border-radius:4px 4px 4px 4px;box-shadow:0 1px 3px rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15);color:#FFF;font-size:20px;height:40px;margin-left:-15px;margin-right:8px;white-space:nowrap;width:780px;padding:0 10px 0 0}
#custom_submit{background:url(http://i48.servimg.com/u/f48/16/58/89/73/highli10.png) repeat-x scroll 0 0 rgba(197,206,213,0.4);border-radius:4px 4px 4px 4px;box-shadow:0 1px 3px rgba(0,0,0,0.6);color:#FFF;cursor:pointer;display:inline-block;font-size:20px;font-weight:400;line-height:40px;text-shadow:0 -1px 0 #4C5057;padding:0 10px}
.bg1{background:url(http://www.habbid.com.br/arquivos/2011/01/196874899.gif) repeat fixed 50% 0 #000!important}
.bg2{background:url(http://www.habbid.com.br/arquivos/2012/03/1514427215.gif) repeat fixed 50% 0 #000!important}
.bg3{background:url(http://www.habbid.com.br/arquivos/2012/03/999082446.gif) repeat fixed 50% 0 #000!important}
.bg4{background:url(http://www.habbid.com.br/arquivos/2011/06/820630520.gif) repeat fixed 50% 0 #000!important}
.bg5{background:url(http://www.habbid.com.br/arquivos/2010/12/66931882.png) repeat fixed 50% 0 #0E1E2D!important}
.bg6{background:url(http://www.habbid.com.br/arquivos/2010/12/69289942.gif) repeat fixed 50% 0 #000!important}
.bg_custom{background-attachment:fixed;background-color:#000;background-repeat:repeat}
#nav_background{background-color:#000;border:3px dotted #444!important;border-radius:15px 15px 15px 15px;cursor:pointer;float:right;padding:5px}
#nav_background:hover{background-color:#FFF}
#-- Efeito barra de navegaçao --#
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
.pun .user-ident .username {
background-color: #EEE;
border: 1px solid #DDD;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
/* Botao agradecer -------------*/
.LGlike {
background: #105289;
padding: 3px;
border-radius: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
text-shadow: -1px 0.5px #888;
box-shadow: 1px 1px 1px #888;
cursor: pointer;
margin-right: 4px;
}
.LGvote { margin: 0 5px; }
.LGnovote {
filter:Alpha(opacity=50);
opacity: 0.5;
cursor: default;
box-shadow: none;
text-shadow: none;
}
Javascript :
- Código:
var like_version = 'PunBB';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'agradecer';
var vote_plural = 'agradecer';
$.getScript(''http://www.mateusv.xpg.com.br/like.txt);
Links e imagens do meu problema:
Não é necessário.
Endereço do meu fórum:
http://darkcheats.uniogame.com
Versão do meu fórum:
PunBB
Última edição por ~DarkCheats em 02.09.12 22:34, editado 1 vez(es)
DarkDoki- ****
- Membro desde : 01/11/2011
Mensagens : 251
Pontos : 393 -
Re: Botao "agradecer"
por Ace 02.09.12 21:42
Olá,
Altere seu JavaScript para:
Cordialmente!
Altere seu JavaScript para:
- Código:
var like_version = 'PUNBB';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'agradecer';
var vote_plural = 'agradecer';
$.getScript(''http://www.mateusv.xpg.com.br/like.txt);
Cordialmente!
Ace- Membro Entusiasta
- Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608 -
Re: Botao "agradecer"
por DarkDoki 02.09.12 21:47
Não sei se funcionou , pois nao sei onde é suposto esse botão aparecer !
DarkDoki- ****
- Membro desde : 01/11/2011
Mensagens : 251
Pontos : 393 -
Re: Botao "agradecer"
por MateusV. 02.09.12 22:22
Olá!
Substitua o código por este:
Abraços.
Substitua o código por este:
var like_version = 'PUNBB';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'agradecer';
var vote_plural = 'agradecer';
$.getScript('http://www.mateusv.xpg.com.br/like.txt');
Abraços.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Botao "agradecer"
por DarkDoki 02.09.12 22:33
Funcionou Perfeitamente !
Podem fechar o tópico !
Podem fechar o tópico !
Última edição por ~DarkCheats em 02.09.12 22:34, editado 1 vez(es)
DarkDoki- ****
- Membro desde : 01/11/2011
Mensagens : 251
Pontos : 393 -
Re: Botao "agradecer"
por MateusV. 02.09.12 22:34
~DarkCheats escreveu:Funcionou ^^
Tem como eu colocar pra contar no perfil dos membros ?
tipo , como se funcionasse como reputaçao ?
Olá!
Não, não há como. Lamento.
Abraços.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Tópicos semelhantes» Colocar agradecer
» Botao de agradecer
» Botão de agradecer.
» Botão agradecer
» [AJUDA] Botão agradecer
» Botao de agradecer
» Botão de agradecer.
» Botão agradecer
» [AJUDA] Botão agradecer
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