InícioGerir degrade no fundo das mensagens
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Gerir degrade no fundo das mensagens
por Foox_ 09.08.15 21:37
PRINT: http://prntscr.com/82qg02
Então queria saber, como colocar essa cor embaixo do perfil sabe? marrom..
Mas tipo eu queria colocar de outra cor não dessa.
Então queria saber, como colocar essa cor embaixo do perfil sabe? marrom..
Mas tipo eu queria colocar de outra cor não dessa.
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 09.08.15 21:40
Olá!
Crie um novo JavaScript com investimento nos tópicos:
E no nome do rank em que deseja que o degrade apareça coloque o seguinte:
Cumprimentos.
Fraise
Crie um novo JavaScript com investimento nos tópicos:
- Código:
$(function(){$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background','url(http://i.minus.com/jbvSY7Dt0clY6v.png) repeat-y top left')});
E no nome do rank em que deseja que o degrade apareça coloque o seguinte:
- Código:
<span class="degrade">NOME DO RANK</span>
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 09.08.15 21:42
<span class="degrade">NOME DO RANK</span>
Eu coloco no CSS?
E se eu quiser fazer mais de um? tem que criar outros Java?
Aqui não funcionou.
Eu coloco no CSS?
E se eu quiser fazer mais de um? tem que criar outros Java?
Aqui não funcionou.
Última edição por Foox_ em 09.08.15 21:44, editado 1 vez(es)
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 09.08.15 21:44
Olá!
Nada disso, esse código você terá de colocar no nome do rank em que deseja que apareça o degrade. Por exemplo, se você quiser que apareça nos administradores, você vai à administração dos ranks e modifica o nome do rank dos administradores para o seguinte:
Quanto à sua segunda questão, você terá de criar um JavaScript para cada cor que desejar.
Cumprimentos.
Fraise
Nada disso, esse código você terá de colocar no nome do rank em que deseja que apareça o degrade. Por exemplo, se você quiser que apareça nos administradores, você vai à administração dos ranks e modifica o nome do rank dos administradores para o seguinte:
- Código:
<span class="degrade">Administrador</span>
Quanto à sua segunda questão, você terá de criar um JavaScript para cada cor que desejar.
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 09.08.15 21:49
Olá!
Mas... o senhor juntou o código que lhe passei a outro? Vi aqui no console e está assim:
Estão dois códigos totalmente diferentes! Você terá de criar um novo JavaScript para cada.
Cumprimentos.
Fraise
Mas... o senhor juntou o código que lhe passei a outro? Vi aqui no console e está assim:
- Código:
jQuery(document).ready(function() {
jQuery("div.post:has('.nomedorank')").css('background', 'url(URL_DA_IMAGEM) repeat-y top right')
});
var like_version = 'Versão do fórum';
var DOM_IS_READY = false;
jQuery(function() {
DOM_IS_READY = true
});
var vote_singular = 'Like';
var vote_plural = 'Likes';
jQuery.getScript('http://www.mateusv.xpg.com.br/like.txt');
$(function() {
$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background', 'url(http://i.minus.com/jbvSY7Dt0clY6v.png) repeat-y top left')
});
Estão dois códigos totalmente diferentes! Você terá de criar um novo JavaScript para cada.
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 09.08.15 21:54
Eu criei amigo kk, tem só um java.
http://prntscr.com/82qng2
http://prntscr.com/82qnys
Viu? ta certo né? rs..
http://prntscr.com/82qng2
http://prntscr.com/82qnys
Viu? ta certo né? rs..
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 09.08.15 21:56
Olá!
Não era na administração dos grupos, e sim dos ranks.
Cumprimentos.
Fraise
Não era na administração dos grupos, e sim dos ranks.
Painel de ControleUsuários & Grupos
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 09.08.15 21:58
http://prntscr.com/82qpur
Funcionou mas tem um porém fugiu da borda da mensagem, tem como colocar ela pra dentro da borda por favor migo <3
E outra pergunta, tem como eu mudar a cor?
Funcionou mas tem um porém fugiu da borda da mensagem, tem como colocar ela pra dentro da borda por favor migo <3
E outra pergunta, tem como eu mudar a cor?
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 09.08.15 22:04
Olá!
Só há uma maneira de fixar o problema da borda, mas para isso terá de criar um novo tópico, pois teríamos de aumentar a borda e isso não tem nada haver com o degrade.
Quanto à sua outra questão, sim é possível mudar a cor basta alterar o endereço do fundo por outro.
Cumprimentos.
Fraise
Só há uma maneira de fixar o problema da borda, mas para isso terá de criar um novo tópico, pois teríamos de aumentar a borda e isso não tem nada haver com o degrade.
Quanto à sua outra questão, sim é possível mudar a cor basta alterar o endereço do fundo por outro.
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 09.08.15 22:08
Legal obrigado, mas sera que tem como agente colocar um border-radius no degrade? porque se colocar ae combina melhor sabe?
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 09.08.15 22:11
Olá!
Hum... você tem razão.
Substitua o seu JavaScript por este:
Cumprimentos.
Fraise
Hum... você tem razão.
Substitua o seu JavaScript por este:
- Código:
$(function(){$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background','url(http://i.minus.com/jbvSY7Dt0clY6v.png) repeat-y top left';'border-radius','10px')});
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 09.08.15 22:16
Olá!
Eu acho melhor aumentarmos a borda... poderia fornecer-me a sua folha de estilos?
Cumprimentos.
Fraise
Eu acho melhor aumentarmos a borda... poderia fornecer-me a sua folha de estilos?
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 09.08.15 22:19
Sim.
- Código:
/* ~~~~~~~~~~~~~~~~~~~~~~ TAMANHO DO QUADRO ~~~~~~~~~~~~~~~~~~~~~~ */
#wrap {
border-radius:10px 10px 10px 10px;
width:85%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~ */
.navbar span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom span, .navbar span.corners-top span {
display: none !important;
}
ul.navlinks {
border-radius: none !important;
}
#page-header .navbar ul.navlinks {
background-color:#E0E0E0;
height: auto;
margin-left: -15px;
width: 1157px;
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}
ul.linklist.navlinks a {
color: #FFF;
padding: 0 15px;
text-decoration: none;
}
a.mainmenu {
color: black !important;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background-color:#9E9E9E;
transition: all 0.8s;
width: auto !important;
}
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
#page-header .navbar ul.navlinks {
width: auto !important;
margin-right: -15px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ QUADRADO DOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
.forabg {
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
background-color:#757575;
border-radius:10px 10px 0 0;
margin-right: -6px;
width: auto !important;
width:1155px;
margin-left:-5px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ HOVER NOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
li.row
{
border-radius:20px 20px 20px 20px;
-webkit-transition:All 0.001s linear;
-moz-transition:All 0.001s linear;
-ms-transition:All 0.001s linear;
-o-transition:All 0.001s linear;
}
li.row:hover {
border:1px solid #000;
-moz-transform: scale(1,1.1);
-ms-transform: scale(1,1.1);
-o-transform: scale(1,1.1);
-webkit-transform: scale(1,1.1);
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~ */
.table-title {
color:#000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENSAGENS DOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
.post .inner {
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
border-radius:20px 20px 20px 20px;
box-shadow:0 2px 0 0 #999999;
}
.postbody {
width: 75%!important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ PERFIL ~~~~~~~~~~~~~~~~~~~~~~ */
.postprofile {
margin-left:10px;
}
.postprofile{
border: 1px solid
gainsboro;
border-radius: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}
.postprofile {
background-color:#fafafa;
box-shadow: 0px 0px 7px #999999;
border-radius: 5px 5px 5px;
padding: 4px;
}
dl.codebox dt {
background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/page-code-icon.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
dl.codebox{
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}
.postprofile {
text-align: center !important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ WIDGETs ~~~~~~~~~~~~~~~~~~~~~~ */
.module {
margin-top:50px;
background-color:#F5F5F5;
color: #000;
margin-bottom: 4px;
overflow: hidden;
padding: 0 10px;
border: 50px!important;
border-color: #315C99 #b9c4cd #b9c4cd!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}
.module .h3 {
color: #000;
border-bottom:1px solid #000;
}
#left {
margin-top:100px;
}
#left .module .h3 {
background-color:#757575;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -5px!important;
padding: 7px!important;
text-align: center!important;
}
.inner .row1 {
background-color:#F5F5F5!important;
}
.inner .row2 {
background-color:#F5F5F5!important;
}
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 09.08.15 22:23
Olá!
Troque por esta:
Cumprimentos.
Fraise
Troque por esta:
- Código:
/* ~~~~~~~~~~~~~~~~~~~~~~ TAMANHO DO QUADRO ~~~~~~~~~~~~~~~~~~~~~~ */
#wrap {
border-radius:10px 10px 10px 10px;
width:85%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~ */
.navbar span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom span, .navbar span.corners-top span {
display: none !important;
}
ul.navlinks {
border-radius: none !important;
}
#page-header .navbar ul.navlinks {
background-color:#E0E0E0;
height: auto;
margin-left: -15px;
width: 1157px;
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}
ul.linklist.navlinks a {
color: #FFF;
padding: 0 15px;
text-decoration: none;
}
a.mainmenu {
color: black !important;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background-color:#9E9E9E;
transition: all 0.8s;
width: auto !important;
}
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
#page-header .navbar ul.navlinks {
width: auto !important;
margin-right: -15px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ QUADRADO DOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
.forabg {
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
background-color:#757575;
border-radius:10px 10px 0 0;
margin-right: -6px;
width: auto !important;
width:1155px;
margin-left:-5px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ HOVER NOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
li.row
{
border-radius:20px 20px 20px 20px;
-webkit-transition:All 0.001s linear;
-moz-transition:All 0.001s linear;
-ms-transition:All 0.001s linear;
-o-transition:All 0.001s linear;
}
li.row:hover {
border:1px solid #000;
-moz-transform: scale(1,1.1);
-ms-transform: scale(1,1.1);
-o-transform: scale(1,1.1);
-webkit-transform: scale(1,1.1);
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~ */
.table-title {
color:#000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENSAGENS DOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
.post .inner {
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
border-radius:20px 20px 20px 20px;
box-shadow:0 2px 0 0 #999999;
}
.postbody {
width: 75%!important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ PERFIL ~~~~~~~~~~~~~~~~~~~~~~ */
.postprofile {
margin-left:10px;
}
.postprofile{
border: 10px solid
gainsboro;
border-radius: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}
.postprofile {
background-color:#fafafa;
box-shadow: 0px 0px 7px #999999;
border-radius: 5px 5px 5px;
padding: 4px;
}
dl.codebox dt {
background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/page-code-icon.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
dl.codebox{
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}
.postprofile {
text-align: center !important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ WIDGETs ~~~~~~~~~~~~~~~~~~~~~~ */
.module {
margin-top:50px;
background-color:#F5F5F5;
color: #000;
margin-bottom: 4px;
overflow: hidden;
padding: 0 10px;
border: 50px!important;
border-color: #315C99 #b9c4cd #b9c4cd!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}
.module .h3 {
color: #000;
border-bottom:1px solid #000;
}
#left {
margin-top:100px;
}
#left .module .h3 {
background-color:#757575;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -5px!important;
padding: 7px!important;
text-align: center!important;
}
.inner .row1 {
background-color:#F5F5F5!important;
}
.inner .row2 {
background-color:#F5F5F5!important;
}
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 10.08.15 13:18
Olá!
Tente assim:
Cumprimentos.
Fraise
Tente assim:
- Código:
/* ~~~~~~~~~~~~~~~~~~~~~~ TAMANHO DO QUADRO ~~~~~~~~~~~~~~~~~~~~~~ */
#wrap {
border-radius:10px 10px 10px 10px;
width:85%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~ */
.navbar span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom span, .navbar span.corners-top span {
display: none !important;
}
ul.navlinks {
border-radius: none !important;
}
#page-header .navbar ul.navlinks {
background-color:#E0E0E0;
height: auto;
margin-left: -15px;
width: 1157px;
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}
ul.linklist.navlinks a {
color: #FFF;
padding: 0 15px;
text-decoration: none;
}
a.mainmenu {
color: black !important;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background-color:#9E9E9E;
transition: all 0.8s;
width: auto !important;
}
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
#page-header .navbar ul.navlinks {
width: auto !important;
margin-right: -15px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ QUADRADO DOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
.forabg {
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
background-color:#757575;
border-radius:10px 10px 0 0;
margin-right: -6px;
width: auto !important;
width:1155px;
margin-left:-5px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ HOVER NOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
li.row
{
border-radius:20px 20px 20px 20px;
-webkit-transition:All 0.001s linear;
-moz-transition:All 0.001s linear;
-ms-transition:All 0.001s linear;
-o-transition:All 0.001s linear;
}
li.row:hover {
border:1px solid #000;
-moz-transform: scale(1,1.1);
-ms-transform: scale(1,1.1);
-o-transform: scale(1,1.1);
-webkit-transform: scale(1,1.1);
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~ */
.table-title {
color:#000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENSAGENS DOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
.post .inner {
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
border-radius:30px 30px 30px 30px;
box-shadow:0 2px 0 0 #999999;
}
.postbody {
width: 75%!important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ PERFIL ~~~~~~~~~~~~~~~~~~~~~~ */
.postprofile {
margin-left:10px;
}
.postprofile{
border: 1px solid
gainsboro;
border-radius: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}
.postprofile {
background-color:#fafafa;
box-shadow: 0px 0px 7px #999999;
border-radius: 5px 5px 5px;
padding: 4px;
}
dl.codebox dt {
background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/page-code-icon.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
dl.codebox{
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}
.postprofile {
text-align: center !important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ WIDGETs ~~~~~~~~~~~~~~~~~~~~~~ */
.module {
margin-top:50px;
background-color:#F5F5F5;
color: #000;
margin-bottom: 4px;
overflow: hidden;
padding: 0 10px;
border: 50px!important;
border-color: #315C99 #b9c4cd #b9c4cd!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}
.module .h3 {
color: #000;
border-bottom:1px solid #000;
}
#left {
margin-top:100px;
}
#left .module .h3 {
background-color:#757575;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -5px!important;
padding: 7px!important;
text-align: center!important;
}
.inner .row1 {
background-color:#F5F5F5!important;
}
.inner .row2 {
background-color:#F5F5F5!important;
}
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 12.08.15 1:13
Olá??
Aguardo respostas.
http://prntscr.com/83ld9q
Olha, será que não tem como puxar o degrade um pouco pra direita? um margin-left ..
Aguardo respostas.
http://prntscr.com/83ld9q
Olha, será que não tem como puxar o degrade um pouco pra direita? um margin-left ..
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 12.08.15 13:21
Olá!
Não poderíamos fazer isso, pois isso não iria mover o degrade e sim o nome do rank.
Mas pelo que vi, o senhor já não tem aquela borda que atrapalhava.
Cumprimentos.
Fraise
Não poderíamos fazer isso, pois isso não iria mover o degrade e sim o nome do rank.
Mas pelo que vi, o senhor já não tem aquela borda que atrapalhava.
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 12.08.15 15:16
Sim eu tirei, mas ficou muito pra lá << Ficou estranho ..
Tem algum jeito ae?
Tem algum jeito ae?
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Sennior 13.08.15 15:43
Bom dia!
Me conceda o link referente ao teu fórum, com a função degrade ativa.
Explique-me também o que deseja agora.
Até mais.
Sennior
Me conceda o link referente ao teu fórum, com a função degrade ativa.
Explique-me também o que deseja agora.
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 14.08.15 17:04
Bom, eu queria mesmo era mover o degrade para a direita mas o nosso amigo lá falo que não tem como.
Mas enfim queria fazer algo para o degrade ficar dentro das bordas, sabe?
Olha como está:
http://betterlife.forumeiros.com/t3-leia-importante
Mas enfim queria fazer algo para o degrade ficar dentro das bordas, sabe?
Olha como está:
http://betterlife.forumeiros.com/t3-leia-importante
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 14.08.15 17:14
Olá!
Acho que já sei como, adicione à sua folha de estilos:
Cumprimentos.
Fraise
Acho que já sei como, adicione à sua folha de estilos:
- Código:
.degrade {
background-position-x:10px;
}
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 14.08.15 17:38
Olá!
Poderia me fornecer o JavaScrript que está utilizando?
Cumprimentos.
Fraise
Poderia me fornecer o JavaScrript que está utilizando?
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 14.08.15 18:30
- Código:
$(function(){$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background','url(http://i.imgur.com/P2ikKOI.png) repeat-y top left')});
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 14.08.15 18:40
Olá!
Troque o seu JS por este:
Caso não funcione, coloque o JS anterior e adicione o seguinte código à sua folha de estilos:
PS: Eu testei em seu fórum e está funcionando.
https://i.imgur.com/MzGtk8S.png
Cumprimentos.
Fraise
Troque o seu JS por este:
- Código:
$(function(){$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background','url(http://i.imgur.com/P2ikKOI.png) repeat-y top left,'background-position-x':'10px'')});
Caso não funcione, coloque o JS anterior e adicione o seguinte código à sua folha de estilos:
- Código:
.degrade {
background-position-x: 10px!important;
}
PS: Eu testei em seu fórum e está funcionando.
https://i.imgur.com/MzGtk8S.png
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 14.08.15 23:27
Bom vamos lá,
O Java que você passou parou de pegar, e só pra você está assim.
Acho que você deu um zoom algo assim, pois pra mim está assim:
http://prntscr.com/84q7o0
#Sennior cade você, se souber ajude-nos por favor...
O Java que você passou parou de pegar, e só pra você está assim.
Acho que você deu um zoom algo assim, pois pra mim está assim:
http://prntscr.com/84q7o0
#Sennior cade você, se souber ajude-nos por favor...
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Sennior 16.08.15 1:11
Saudações,
O senhor pode me explicar o que deseja?
Li o tópico e fiquei confuso.
Até mais.
Sennior
O senhor pode me explicar o que deseja?
Li o tópico e fiquei confuso.
Até mais.
Sennior
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 16.08.15 1:42
Cara eu quero colocar o degrade, dentro da borda pra ficar certinho.
Isso que eu quero, olha bem as imagens, o degrade está fora da borda.
Isso que eu quero, olha bem as imagens, o degrade está fora da borda.
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Sennior 16.08.15 1:51
Mas isto é fácil. 
Qual o código que esta usando? Mande-os para mim.
Até mais.
Qual o código que esta usando? Mande-os para mim.
Até mais.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 16.08.15 2:04
Ok,
JavaScript:
CSS:
JavaScript:
- Código:
$(function(){$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background','url(http://i.imgur.com/P2ikKOI.png) repeat-y top left')});
CSS:
- Código:
/* ~~~~~~~~~~~~~~~~~~~~~~ GRUPOS ~~~~~~~~~~~~~~~~~~~~~~ */
a[href="/g8-fundadores"] {
background:#00BCC6;!important;
box-shadow: 1px 1px 3px #6B6B6B;
border-radius: 2px;
color: #F2F2F2!important;
font-size: 10px;
font-weight: 700;
height: 16px;
margin-bottom: -5px;
padding: 5px 7px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
a[href="/g2-senior"] {
background:#FF0000;!important;
box-shadow: 1px 1px 3px #6B6B6B;
border-radius: 2px;
color: #F2F2F2!important;
font-size: 10px;
font-weight: 700;
height: 16px;
margin-bottom: -5px;
padding: 5px 7px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
a[href="/g10-supervisoresa"] {
background:#0022FF;!important;
box-shadow: 1px 1px 3px #6B6B6B;
border-radius: 2px;
color: #F2F2F2!important;
font-size: 10px;
font-weight: 700;
height: 16px;
margin-bottom: -5px;
padding: 5px 7px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
a[href="/g5-fiscalizadoresa"] {
background:#AFB42B;!important;
box-shadow: 1px 1px 3px #6B6B6B;
border-radius: 2px;
color: #F2F2F2!important;
font-size: 10px;
font-weight: 700;
height: 16px;
margin-bottom: -5px;
padding: 5px 7px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
a[href="/g11-helpers"] {
background:#A300CC;!important;
box-shadow: 1px 1px 3px #6B6B6B;
border-radius: 2px;
color: #F2F2F2!important;
font-size: 10px;
font-weight: 700;
height: 16px;
margin-bottom: -5px;
padding: 5px 7px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
a[href="/g15-org-de-eventos"] {
background:#FFAA00;!important;
box-shadow: 1px 1px 3px #6B6B6B;
border-radius: 2px;
color: #F2F2F2!important;
font-size: 10px;
font-weight: 700;
height: 16px;
margin-bottom: -5px;
padding: 5px 7px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
a[href="/g17-atendentes"] {
background:#00DAF7;!important;
box-shadow: 1px 1px 3px #6B6B6B;
border-radius: 2px;
color: #F2F2F2!important;
font-size: 10px;
font-weight: 700;
height: 16px;
margin-bottom: -5px;
padding: 5px 7px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
a[href="/g16-moderadoresa"] {
background:#8BC34A;!important;
box-shadow: 1px 1px 3px #6B6B6B;
border-radius: 2px;
color: #F2F2F2!important;
font-size: 10px;
font-weight: 700;
height: 16px;
margin-bottom: -5px;
padding: 5px 7px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
a[href="/g14-jogadoresa"] {
background:#707070;!important;
box-shadow: 1px 1px 3px #6B6B6B;
border-radius: 2px;
color: #F2F2F2!important;
font-size: 10px;
font-weight: 700;
height: 16px;
margin-bottom: -5px;
padding: 5px 7px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
a[href="/g13-recem-inscritosa"] {
background:#DBDBDB;!important;
box-shadow: 1px 1px 3px #6B6B6B;
border-radius: 2px;
color: #F2F2F2!important;
font-size: 10px;
font-weight: 700;
height: 16px;
margin-bottom: -5px;
padding: 5px 7px;
text-align: center;
text-transform: uppercase;
width: 110px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ TAMANHO DO QUADRO ~~~~~~~~~~~~~~~~~~~~~~ */
#wrap {
border-radius:10px 10px 10px 10px;
width:85%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~ */
.navbar span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom span, .navbar span.corners-top span {
display: none !important;
}
ul.navlinks {
border-radius: none !important;
}
#page-header .navbar ul.navlinks {
background-color:#E0E0E0;
height: auto;
margin-left: -15px;
width: 1157px;
}
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}
ul.linklist.navlinks a {
color: #FFF;
padding: 0 15px;
text-decoration: none;
}
a.mainmenu {
color: black !important;
}
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background-color:#9E9E9E;
transition: all 0.8s;
width: auto !important;
}
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
#page-header .navbar ul.navlinks {
width: auto !important;
margin-right: -15px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ QUADRADO DOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
.forabg {
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
background-color:#757575;
border-radius:10px 10px 0 0;
margin-right: -6px;
width: auto !important;
width:1155px;
margin-left:-7px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ HOVER NOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
li.row
{
border-radius:20px 20px 20px 20px;
-webkit-transition:All 0.001s linear;
-moz-transition:All 0.001s linear;
-ms-transition:All 0.001s linear;
-o-transition:All 0.001s linear;
}
li.row:hover {
border:1px solid #000;
-moz-transform: scale(1,1.1);
-ms-transform: scale(1,1.1);
-o-transform: scale(1,1.1);
-webkit-transform: scale(1,1.1);
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENU ~~~~~~~~~~~~~~~~~~~~~~ */
.table-title {
color:#000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ MENSAGENS DOS TÓPICOS ~~~~~~~~~~~~~~~~~~~~~~ */
.post .inner {
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
border-radius:30px 30px 30px 30px;
box-shadow:0 2px 0 0 #999999;
}
.postbody {
width: 75%!important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ PERFIL ~~~~~~~~~~~~~~~~~~~~~~ */
.postprofile {
margin-left:12px;
}
.postprofile{
border: 1px solid
gainsboro;
border-radius: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}
.postprofile {
background-color:#fafafa;
box-shadow: 0px 0px 7px #999999;
border-radius: 5px 5px 5px;
padding: 4px;
}
dl.codebox dt {
background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/page-code-icon.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
dl.codebox{
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}
.postprofile {
text-align: center !important;
}
/* ~~~~~~~~~~~~~~~~~~~~~~ WIDGETs ~~~~~~~~~~~~~~~~~~~~~~ */
.module {
margin-top:50px;
background-color:#F5F5F5;
color: #000;
margin-bottom: 4px;
overflow: hidden;
padding: 0 10px;
border: 50px!important;
border-color: #315C99 #b9c4cd #b9c4cd!important;
border-radius: 6px 6px 3px 3px!important;
border-style: solid!important;
border-width: 0 1px 1px!important;
margin: 3px 1px;
padding-bottom: 8px;
padding-top: 4px;
}
.module .h3 {
color: #000;
border-bottom:1px solid #000;
}
#left {
margin-top:100px;
}
#left .module .h3 {
background-color:#757575;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.247) inset, 0 1px 3px rgba(0,0,0,0.298), 0 2px 0 rgba(255,255,255,0.2) inset;
color: #FFF!important;
cursor: default!important;
font-family: Arial;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin-left: -9px!important;
margin-right: -9px!important;
margin-top: -5px!important;
padding: 7px!important;
text-align: center!important;
}
.inner .row1 {
background-color:#F5F5F5!important;
}
.inner .row2 {
background-color:#F5F5F5!important;
}
/*******CURTIR NO POST********/
#rep_post .reput_vote {
background-color: #daedfb;
color: #666;
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
}
.reput_vote.zero {
background-color: #6a6a6a;
}
.BS_like:hover {
background-color: #daedfb;
color: #666;
}
.BS_like {
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
user-select: none;
}
.BS_like:before {
content: "Curtir";
}
#rep_post .bs_inline {
list-style: none;
}
.BS_like:hover {
background-color: #daedfb;
color: #666;
}
#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
#rep_post .reput_vote:before {
content: "Curtidas ";
}
/***********FIM CURTIR************/
.degrade {
background-position-x:10px;
}
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 17.08.15 22:44
Alooooooooooooooooooooooooooooooooooooo????????????
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 20.08.15 15:57
Olá!
Troque o JavaScript por este:
Caso não funcione:
Cumprimentos.
Fraise
Troque o JavaScript por este:
- Código:
$(function(){$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background','url(http://i.imgur.com/P2ikKOI.png) 3% 0% repeat-y top left')});
Caso não funcione:
- Código:
$(function(){$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background','url(http://i.imgur.com/P2ikKOI.png) 3% 0% repeat-y')});
Cumprimentos.
Fraise
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Re: Gerir degrade no fundo das mensagens
por Foox_ 21.08.15 23:39
Cara, ficou legal.
Obrigado pela paciência, valeu mesmo pela ajuda
Obrigado pela paciência, valeu mesmo pela ajuda
Foox_- ****
- Membro desde : 17/02/2015
Mensagens : 229
Pontos : 373 -
Re: Gerir degrade no fundo das mensagens
por Fraise 22.08.15 15:53
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Fraise- Ajudeiro
- Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050 -
Tópicos semelhantes» Gerir degrade no fundo das mensagens
» Gerir degrade no fundo dos tópicos
» Gerir função degrade no fundo dos tópicos
» Gerir função de degrade nas postagens
» Gerir degradê nas postagens
» Gerir degrade no fundo dos tópicos
» Gerir função degrade no fundo dos tópicos
» Gerir função de degrade nas postagens
» Gerir degradê nas postagens
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos