5.8.17

[Tutorial] Modelo de Comentarios #01


De nuevo yo xé, Se supone que este modelo lo iba a publicar ayer
pero no conseguía como ponerle sombra al texto, pero ya pude ponerlo
Es un modelo creado por mi, la base es de The Moon Reverse, pero yo la edite y le
agregué más cosas




.comments{
clear:both;
background-color: none;
margin-top: -5px;
margin-bottom:0;
line-height:18px;
font-size: 11px;
}
.comments .comments-content{
margin-bottom: 6px;
font-weight:normal;
text-align: justify;
background: transparent;
}
.comments .comment .comment-actions a,.comments .comment .continue a{
background: #fde0ff;
border:1px solid #facffd;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
margin-bottom: 3px;
margin-left: 2px;
margin-right: 2px;
display:inline-block;
text-align:center;
text-decoration:none;
width: 54px;
line-height: 17px;
font-weight: normal;
cursor: pointer;
font-family: "Calibri";
font-size: 11px;
color: #fff;
}
.comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
text-decoration: none;
background:#fff;
border:1px solid #fff;
}
.comments .comments-content .datetime a{
font-size: 11px;
text-decoration:none;
color: #fff;
text-align: right;
float: right;
}
.comment-content{
margin: 4px;
padding: 0 4px;
}
.comment-header{
background-color: #d9d4ff;
font-size:18px;
border-bottom:1px solid #D0D0D0;
padding:5px;
}
.comment-header a{
color: #fdfbfd;
text-shadow: 3px 2px #FFAEF7;
}
.comments .thread-toggle .thread-arrow{
display:inline-block;
height:6px;
width:7px;
overflow:visible;
margin:0.3em;
padding-right:4px;
}
.comments .comment-block{
margin-left: 46px;
margin-top: 2px;
background: #fff;
border: 1px solid #fde0ff;
}
.avatar-image-container{
width:60px !important;
height:60px !important;
max-width:58px !important;
max-height:58px !important;
}
.comments .avatar-image-container img{
padding:1px;
border:1px solid #FFAEF7;
background: #fff;
-moz-opacity: 0.73;
-khtml-opacity: 0.73;
opacity: 0.73;
filter:alpha(opacity=73);
-webkit-transition-duration: .10s;
}
.comments .avatar-image-container img:hover{
-moz-opacity: 0.98;
-khtml-opacity: 0.98;
opacity: 0.98;
filter:alpha(opacity=98);
-webkit-transition-duration: .50s;
}
.comments .comments-content .comment-thread ol{
list-style-type:none;padding:0;text-align:none}
.comments .comments-content .inline-thread{padding:0}
.comments .comments-content .comment-thread{margin:8px 0}
.comments .comments-content .comment-thread:empty{display:none}
.comment-replies{margin-top:1em;margin-left:40px;}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}
.comments .comments-content .comment:first-child{padding-top:16px}
.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}
.comments .comments-content .comment-body{position:relative;
}
.comments .comments-content .user{font-style:normal;font-weight:normal}
.comments .comments-content .user a{font-weight:normal;text-decoration:none;
}




Espero que les haya gustado, dejen créditos bai <3
Comenten ajskas :'u




「Cualquier recurso, tutorial sacado de aquí deben dar créditos correspondientes.」 「Cualquier plagio a esta entrada o al blog será denunciado.」

2 comentarios:

  1. Hola!!! que tal?, tengo una pregunta...Si no te molesta, ¿Podrías hacerme un layout? perdon si ya no haces, gracias!

    ResponderEliminar
    Respuestas
    1. Sólo hago entrada a miembros activos en el blog, lo siento.

      Eliminar

¡Gracias por leer la entrada!♡
━ Comenta con respeto ♡
━ No Spam♡
━ Respeta al Administrador y a los usuarios.♡

━ ♡ Símbolos :
♡ ❀ ღ ❀ » ♛ « ✰ ➤ ♪ ✉ ✔ ✖ ♂ ◥ ▶ ☆ ❣ ❂ ℂ


━ ♡Sí tienes alguna duda envíame un correo :
Bethzaliecontre13492@gmail.com

━ ♡Sí te gusto el contenido del blog, no olvides seguirlo.

Att: ━ ada♔ 「admi」