Παρασκευή, 9 Μαρτίου 2012

1 ΑΛΛΑΓΗ ΣΤΥΛ ΧΡΩΜΑΤΟΣ ΣΧΟΛΙΩΝ ΤΟΥ ΣΥΓΓΡΑΦΕΑ ΣΤΟ BLOGGER

Σ'αυτην την ανάρτηση θα ασχοληθούμε με την περιοχή των σχολίων και συγκεκριμένα πως θα αλλάξουμε και πως θα προσαρμόσουμε τα σχόλια  του συγγραφέα που ανήκει το κάθε blog ώστε και να ξεχωρίζουν απο τα σχόλια των επισκέπτων.Έτσι προσαρμόζοντας τα θα ενθαρύνουμε τους αναγνώστες να λάβουν μέρος στην συζήτηση και να μπορούν να επικοινωνήσουν καλύτερα με τον συγγραφέα.
Η ΔΙΑΔΙΚΑΣΙΑ ΕΙΝΑΙ Η ΕΞΗΣ :
1.Blogger►Σχεδίαση►Επεξεργασία HTML►Κλίκ Επέκταση Πρότυπων Γραφικών στοιχείων►Με το ctrl_f ψάχνουμε το ακόλουθο...


]]></b:skin>
2.Ακριβώς απο πάνω αντιγράψτε τον παρακάτω κωδικό...
.comment-body-author {
-moz-border-radius: 15px;
border-radius: 15px;
background: #000000;
color: #ffffff;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}


.comment-body-author:hover {
-moz-border-radius: 15px;
border-radius: 15px;

background: #cccccc; 
color: #000000
border-top: 1px solid #990000;border-bottom: 1px solid #990000;border-left: 1px solid #990000;border-right: 1px solid #990000;
margin:0;
padding:0 0 0 20px; 
}
3.Μπορείτε να κάνετε τις εξής αλλαγές:
Στον πρώτο κωδικό με κίτρινο χρώμα
--για να αλλάξετε χρώμα στο φόντο των σχολίων του συγγραφέα αλλάξτε αυτό #000000
--για να αλλάξετε το χρώμα της γραμματοσειράς,αλλάξτε αυτό#ffffff
--για να αλλάξετε το χρώμα του περιγράμματος αλλάξτε αυτό #223344
--αλλάξτε το στύλ του περιγράμματος απο  dotted (διακεκομένη)σε solid(ενιαία)και επίσης αν θέλετε μεγαλύτερο πάχος 1px
Στον δεύτερο κωδικό με θαλασσί χρώμα
--Ο δεύτερος κωδικός αφορά το φόντο των σχολίων του συγγραφέα όταν τοποθετείται ο κέρσορας επάνω.Επίσης και εδώ μπορούμε να κάνουμε τις εξής αλλαγές

--για να αλλάξετε χρώμα στο φόντο των σχολίων του συγγραφέα αλλάξτε αυτό#cccccc
--για να αλλάξετε το χρώμα της γραμματοσειράς,αλλάξτε αυτό#000000
--για να αλλάξετε το χρώμα του περιγράμματος αλλάξτε αυτό  #990000
--αλλάξτε το στύλ του περιγράμματος απο  solid  (ενιαία)και επίσης αν θέλετε μεγαλύτερο πάχος 1px
Και στους δύο κωδικούς μπορείτε να αλλάξετε και το πλάτος.Επίσης μπορείτε και στους δύο κωδικούς αντί να αλλάξετε το χρώμα του φόντου,να βάλετε ένα φόντο της αρεσκείας σας,αλλάζοντας το background: #000000; σε background:url(url εικόνας );

4.Επόμενο βήμα είναι να ψάξετε για αυτό τον κωδικό...


<dd class='comment-body' expr:id='data:widget.instanceId +
 data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
Υπάρχει περίπτωση στο δικό σας πρότυπο να είναι λίγο διαφορετικός ο κωδικός,παράδειγμα να μην υπάρχει η γραμμή που έχω τονισμένη.Δεν υπάρχει πρόβλημα ακολουθήστε το βήμα όπως σας δείχνω παρακάτω.Αν δεν υπάρχει απλά διαγράψτε την απο τον κάτω κωδικό.Δηλαδή να είναι έτσι <dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
5.Αντικαταστήστε τον με τον ακόλουθο κωδικό...

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>

</b:if>
ΑΠΟΘΗΚΕΥΣΗ ΠΡΟΤΥΠΟΥ





ΑΝ ΣΑΣ ΑΡΕΣΕ ΤΟ ΑΡΘΡΟ ΒΑΘΜΟΛΟΓΗΣΤΕ Ή ΑΦΗΣΤΕ ΤΟ ΣΧΟΛΙΟ ΣΑΣ!!!

1 σχόλια:

ΙΡΙΣ ΣΙΟΝΑΚΙΔΟΥ είπε...
Αυτό το σχόλιο αφαιρέθηκε από τον συντάκτη.

Αναγνώστες

ShareThis

Για να λαμβάνετε όλες τις ενημερώσεις μέσω Facebook.Απλά κάντε κλίκ στο like button και γίνετε μέλη

Powered By | Useful Gadgets

 

Powered By Software Review