Reparare script chatbox

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Reparare script chatbox

Mesaj Scris de Kartex. la data de Vin 16 Aug - 15:04

Mi-am făcut un chatbox după bunul plac, dar a apărut o eroare, când mă conectez se deformează:



Eu aș vrea să arete așă:



Cod chatbox:

Cod:
   /*chatbox*/
    #chatbox, #chatbox_footer, #chatbox_members {
    background: white;
    border-top:1px solid #EAEAEA;
    }

    #chatbox_header.main-head {
    background: #1986cf 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: #1986cf;
    border-style: solid;
    }

    #chatbox_header.main-foot {
    background: #1986cf 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: #1986cf;
    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;
    word-wrap: break-word !important;
    }
    #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: 180px;
    padding: 6px;
    border: 1px solid #D4D4D4;
    background: #FCFCFC;
    color: black;
    text-shadow: white 0px 1px 0px;
    margin: 20px;
    margin-bottom: 20px;
    }

    #message, #submit_button {
      background: #1986cf repeat-x 0 0;
    border-color: #1f7be5;
    color: white;
    text-shadow: #1f7be5 0px -1px 0px;
    -moz-border-radius: 2px;
    padding: 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    margin: 10px;
    margin-top:-5px;
    margin-left: 114px;
    }
    #chatbox_messenger_form {
    margin: 37px 0 0;
    }
    #divsmilies img + img{visibility:visible!important}
    #chatbox_messenger_form div.right img{
    visibility:hidden
    }
    #simple-wrap {
      background:white;
    }
    #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
    display: none;
    }
    #chatbox{
    background: #FBFBFB;
    padding: 8px;
    border: 1px solid #DBE4EF;
    border-bottom: 3px solid #DBE2EC;
    margin-top: 5px;
    left:0;
    width: 820px;
    }
    .attach {
    float: right;
    }
    div.main-content.chatbox.clearfix {
    border: 0px;
    border-radius: 4px;
    padding: 0px;
    }

Kartex.
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 16
Data de inscriere : 06/01/2013
Multumiri : 3
1 avertisment

http://web-tutorials.forumcreativ.ro/

Sus In jos

Rezolvat Re: Reparare script chatbox

Mesaj Scris de Kartex. la data de Sam 17 Aug - 18:26

Up?

Kartex.
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 16
Data de inscriere : 06/01/2013
Multumiri : 3
1 avertisment

http://web-tutorials.forumcreativ.ro/

Sus In jos

Rezolvat Re: Reparare script chatbox

Mesaj Scris de MBeatrice la data de Sam 17 Aug - 18:48

- Este din cauza rezoluitiei DVS. Mie mi se afiseaza corect.

Inlocuiti :
Cod:
width: 820px;
CU :
Cod:
width: 700px;

MBeatrice
Membru onorific
Membru onorific

feminin

Mesaje : 730
Varsta : 23
Localizare : Ploiesti
Data de inscriere : 01/01/2013
Multumiri : 5
Niciun avertisment

Sus In jos

Rezolvat Re: Reparare script chatbox

Mesaj Scris de Kartex. la data de Dum 18 Aug - 10:48

Cum pot să șterg "Mesaj:" din fața căsuței?

Kartex.
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 16
Data de inscriere : 06/01/2013
Multumiri : 3
1 avertisment

http://web-tutorials.forumcreativ.ro/

Sus In jos

Rezolvat Re: Reparare script chatbox

Mesaj Scris de Cassius Dio la data de Dum 18 Aug - 11:01

Buna ziua, La revedere

Pentru a sterge textul "Mesaj" din fata casutei de trimitere, vizitati Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS si adaugati urmatorul cod:
Cod:
#chatbox_footer #chatbox_messenger_form .right div label{
color: transparent;
font-size: 0px;
}

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Rezolvat Re: Reparare script chatbox

Mesaj Scris de Kartex. la data de Dum 18 Aug - 11:03

Mulțumesc, dar acum aș vrea să mut căsuța de trimite mai sus.

Kartex.
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 16
Data de inscriere : 06/01/2013
Multumiri : 3
1 avertisment

http://web-tutorials.forumcreativ.ro/

Sus In jos

Rezolvat Re: Reparare script chatbox

Mesaj Scris de Cassius Dio la data de Dum 18 Aug - 11:09

Mai adaugati acest cod:
Cod:
#submit_button{
position: relative;
top: -10px;
left: -20px;
}

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Rezolvat Re: Reparare script chatbox

Mesaj Scris de Kartex. la data de Dum 18 Aug - 11:13

Eu nu vreau butonul, vreau căsuța unde se trece textul.

Kartex.
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 16
Data de inscriere : 06/01/2013
Multumiri : 3
1 avertisment

http://web-tutorials.forumcreativ.ro/

Sus In jos

Rezolvat Re: Reparare script chatbox

Mesaj Scris de Cassius Dio la data de Dum 18 Aug - 11:16

Atunci adaugati acest cod:
Cod:
#message{
position: relative;
top: -20px;
}

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Rezolvat Re: Reparare script chatbox

Mesaj Scris de Kartex. la data de Dum 18 Aug - 11:25

Mulțumesc, și la final dacă aș putea adăuga reguli chat :-?

Kartex.
Membru Forumgratuit

masculin

Mesaje : 161
Varsta : 16
Data de inscriere : 06/01/2013
Multumiri : 3
1 avertisment

http://web-tutorials.forumcreativ.ro/

Sus In jos

Rezolvat Re: Reparare script chatbox

Mesaj Scris de Cassius Dio la data de Vin 23 Aug - 9:57

Pentru fiecare problema, va rugam sa deschideti topic separat. Multumesc! De acord 
topic rezolvat

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum