Entrar
Últimos assuntos
Os membros mais ativos da semana
Nenhum usuário |
Shoutbox em vez de Chatbox
2 participantes
Página 1 de 1
Shoutbox em vez de Chatbox
Olá,
Estou aqui para disponibilizar um tutorial que ainda não foi postado no Forum dos Fóruns conhecido como FDF, para quem não sabe sou Ajudeiro lá e então eu fiz um tutorial de como por um Shoutbox em seu Forum em vez de Chatbox, Lembrando que caso poste o tutorial que irei postar abaixo em outro Forum eu irei denunciar e o iPixel será fechado
Estou aqui para disponibilizar um tutorial que ainda não foi postado no Forum dos Fóruns conhecido como FDF, para quem não sabe sou Ajudeiro lá e então eu fiz um tutorial de como por um Shoutbox em seu Forum em vez de Chatbox, Lembrando que caso poste o tutorial que irei postar abaixo em outro Forum eu irei denunciar e o iPixel será fechado
- Spoiler:
- Diversos membros deseja ter o seu Chatbox personalizado no estilo dos fóruns IPB, então neste tutorial você irá aprender a transformar o Chatbox do seu iPixel em um ShoutBox, que e utilizado nos fóruns IPB.
[TUTORIAL] Adicionar Shoutbox no iPixel--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Adicionar Shoutbox no iPixel
1º - Código utilizado:- Código:
/*chatbox*/
#chatbox, #chatbox_footer, #chatbox_members {
background: white;
border-top: 1px solid #EAEAEA;
}
#chatbox_header.main-head {
background: #2C5687 url(http://www.ipbforumskins.com/skindemo/public/style_images/master/maintitle.png) repeat-x top;
padding: 2px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.chatbox-title, .chatbox-title a.chat-title {
color: white;
font-size: 15px;
font-weight: bold;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
}
#chatbox_members .member-title {
background: #F8E7DD;
background-color: #F4F9FD;
background-image: none;
border-bottom: 2px solid red;
color: #A30000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}
#chatbox_members {
display: none;
}
div.main-content.chatbox.clearfix {
border: 1px solid #EAEAEA;
border-radius: 4px;
}
#chatbox p {
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
line-height: 1.2em;
}
#chatbox_footer {
width: 290px;
min-width: 230px;
background: #FCFCFC;
float: right;
clear:both;
position: relative;
border-top: 1px solid gainsboro;
}
.right {
clear: both;
float: right;
}
input#message.post {
height: 45px;
width: 240px;
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
margin: 20px;
margin-bottom: 0px;
}
#message, #submit_button {
background: #323232 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
padding: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
margin: 10px;
margin-top: 0px;
margin-left: 20px;
}
#message, #submit_button:hover {
opacity: 0.9;
}
.fontbutton {
cursor: pointer;
float: left;
margin: 3px;
padding: 3px;
margin-right: 10px;
text-align: left;
background: #E2E9F0;
border-color: #DAE2EA;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #EFF3F8, 0px 2px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 0 #EFF3F8, 0px 2px 3px rgba(0, 0, 0, 0.2);
}
.fontbutton:hover {
opacity: 0.9;
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox{
background: #FBFBFB;
padding: 8px;
border: 1px solid #DBE4EF;
border-bottom: 3px solid #DBE2EC;
right: 290;
margin-top: 5px;
left:0
}
.attach {
float: right;
}
div.main-content.chatbox.clearfix {
border: 0px;
border-radius: 4px;
padding: 0px;
}
2º - Aplicando o código CSS:
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
3º - Resultado Final:© iPixel dos Fóruns
[table][tr][td] [/td][td]Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[tr][Dúvida] [TUTORIAL] Adicionar Shoutbox no iPixel [/td][/tr]
ϟ Lєαяи- Ouro
- Mensagens : 303
Reputação : 8
Moedas : 798
Cash : 100
Ocorrências :
Re: Shoutbox em vez de Chatbox
Sugestão recusada tópico fechado !
Intelinerd- Ouro
- Mensagens : 254
Reputação : 17
Moedas : 631
Cash : 0
Ocorrências :
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Qui Jan 11, 2018 4:06 pm por Founder
» Canal no youtube! voltando
Qui Jan 11, 2018 4:05 pm por Founder
» Player.img GTA SA
Sex Out 14, 2016 2:48 pm por dr7games
» [iPixel] Atualizações - Back!
Seg Out 03, 2016 8:25 pm por Reset
» DDtank Pirata - Server TITAN
Dom Out 02, 2016 7:32 pm por Founder
» Diogo
Sáb Out 01, 2016 5:16 pm por Snnop
» (EXCLUSIVO) - Technic Laucher Crackeado/Pirata!
Sáb Out 01, 2016 11:48 am por dr7games
» [HABBO] Rockz Hotel
Qua Set 28, 2016 9:19 pm por Snnop
» Habbo novo - Peace
Qua Set 28, 2016 9:16 pm por Snnop
» Mega Habbo Net
Qua Set 28, 2016 9:15 pm por Snnop