Κουμπιά στο chatbox

καλησπερα!!

Τα 4 κουμπιά δεν εμφανίζονται καθόλου αλλα τα link με τις εικόνες στην css δουλεύουν κανονικά!

Καλησπέρα @Fouls, ανοιξέ μου να βλέπω βλέπω το chat.

??

Έχεις δοκιμάσει να τα δεις και με αλλους browser;

Ναι ναι έχω δοκιμάσει και με κινητό

Πρόσθεσε σε παρακαλώ την σελίδα σου στο προφίλ σου

Το έβαλα στα μηνύματα επισκεπτών

Οκ, στο Forum δεν το βλέπω, έχεις κάποιο link να μου δώσεις να δω το chat;

Όχι μονο τα μελόι του forum μπορούν να το δουν.

μπορώ να σε δώσω τον css του site να το ρήξης μια ματια.

Δεν θέλω το css θέλω να το ενεργ. και για τους επισκέπτες να το δω..

Δεν μπορώ να το κάνω αυτό αν ξέρεις από forumotion

Δεν διαβάζει από κάπου εικόνες δώσε μου το css μόνο με τις εικόνες...

Κώδικας:

/*chatbox*/
#chatbox_header.main-head {
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
padding: 6px 8px 6px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
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: #fff;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
#chatbox_members {
  top: 40px;
  border-right: 1px solid #ccc;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
  padding-bottom: 6px;
  border-top: 1px solid #d5dde5;
  background: #f1f6f9;
}
#chatbox_footer .right {
  /*display: none !important;*/
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
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);
}
#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);
} 
.main-content.chatbox {padding: 0px;}
#chatbox{
  margin: 10px 0 10px 0;
  border: 1px solid #DCE2EC;
  border-bottom: 6px solid #DCE2EC;
  background: #ebf0f3;
  padding: 8px;
}
input[type="submit"] {
text-decoration: none;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
cursor: pointer;
}
input[type="submit"] {
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
}

Θα βάλεις στα link των εικόνων ("), δηλαδή,

Κώδικας:

background-image: url("http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png");

ΤΙΠΟΤΑ απόλυτος όπως ήταν τα έβαλα όλα και τα 3 τελευταία που δουλεύουν.

Ένας κακογραμμένος κώδικας γενικά υπάρχει...Δώσε μου λίγο χρόν και θα σε βοηθήσω...

Όσο θέλεις ευχάριστο!!

Αν λήθη αυτό έχω μερικές ακόμα ερώτησης με μικροπροβληματάκια που αντιμετωπίζω

Κώδικας:

    /*chatbox*/
    #divcolor, #divsmilies, #help-button, #submit_button, .format-message + label {
    height: 18px!important;
    line-height: 16px!important;
    margin: 10px 0 0 8px!important;
}

#help-button {
float: right!important;
margin: 10px!important;
}

    #chatbox_header.main-head {
    background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
    padding: 6px 8px 6px;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    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: #fff;
    font-size: 13px;
    font-weight: 300;
    }
    .chatbox-options {margin: .3em .3em .5em;}
    .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #fff;
    }
    #chatbox_members {
      top: 40px;
      border-right: 1px solid #ccc;
    }
    #chatbox p:first-child {
    border-top: 1px solid #d5dde5;
    }
    #chatbox p {
    background: #f1f6f9;
    border-right: 1px solid #d5dde5;
    border-left: 1px solid #d5dde5;
    border-bottom: 1px solid #d5dde5;
    line-height: 1.2em;
    }
    #chatbox_footer {
      padding-bottom: 6px;
      border-top: 1px solid #d5dde5;
      background: #f1f6f9;
    }
    #chatbox_footer .right {
      /*display: none !important;*/
      float: left;
    }
    #chatbox_messenger_form .right {margin-left: 8px;}
    input#message.post {
    color: #5a5a5a;
    border-width: 1px;
    border-style: solid;
    border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
    background: #fff;
    padding: 4px;
    min-width: 395px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    }
    #message, #submit_button {
    margin-left: 15px;
  height: 25px!important;
    }
    .fontbutton {
    background: #EFF1F3;
    border-color: #DEE0E2;
    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);
    }
    #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;
    }
    #divcolor-preview {
    height: 0px!important;
}

    #divcolor {
    font-size: 0!important;
    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);
    }
    .main-content.chatbox {padding: 0px;}
    #chatbox{
      margin: 10px 0 10px 0;
      border: 1px solid #DCE2EC;
      border-bottom: 6px solid #DCE2EC;
      background: #ebf0f3;
      padding: 8px;
    }
    input[type="submit"] {
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    padding: 4px 10px;
    cursor: pointer;
    }
    input[type="submit"] {
    background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
    box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
    border-color: #212121;
    }


Απλά να ξέρεις πως αν θέλεις να κτήσεις μια ιστοσελίδα με καλογραμμένο κώδικα css και html θα χρειαστεί χρόνος και εξάσκηση.

Δεν κάνω αναφορά για js (θέλει γνώσεις).

Θα αντικαταστήσεις τον παραπάνω κώδικα με τον υπάρχων.

Είσαι φοβερός ευχάριστο! Δουλεύει κανονικά!  

Να συνεχίσω αύριο με 2 3 ερώτησης ακόμα?

Άνοιξε άλλο θέμα και βάλε τα 3 ερωτήματα σου.