Γραμμη διαχωρισμου προφιλ και ποστ

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Λύθηκε Γραμμη διαχωρισμου προφιλ και ποστ

Δημοσίευση από Skouliki Την / Το Παρ Απρ 01, 2016 2:12 am

θα ηθελα να υπαρχει καθετη γραμμη που να διαχωριζει προφιλ και σωμα μηνυματος

http://keeponblogging.forumotion.com/

βαζω κ αυτο μηπως χρειαστει
Κώδικας:
.profile_field_list li { display:inline-block }
.postprofile-details.postdetails dt a img {
    width: 100px; /* To πλάτος της εικόνας*/
    height: 100px; /*To ύψος της εικόνας*/
    border-radius: 100px; /*Στρογγυλοποίηση*/
    border: 4px solid #fff; /*Το λευκό περίγραμμα*/
    box-shadow: 0px 0px 9px #464646; /*H μαυρο-γκρι σκιά γύρω γύρω*/

}.lastpost-avatar img {
height:38px!important;
width:38px!important;
border-radius:100px!important;
box-shadow:0px 0px 9px #464646!important;
border:4px solid #fff!important;
}
.mobile_image { max-width:99% }
#mpage-body .postbody > .content > div { overflow:hidden }


Έχει επεξεργασθεί από τον/την Skouliki στις Παρ Απρ 01, 2016 6:46 pm, 1 φορά
avatar

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 951

Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Γραμμη διαχωρισμου προφιλ και ποστ

Δημοσίευση από Van-Helsing Την / Το Παρ Απρ 01, 2016 2:50 am

Καλησπέρα @skouliki,
Βρίσκεις στο CSS σου αυτόν τον κώδικα:

Κώδικας:
.post-container {
    background-color: #eff1f3;
    margin-left: 18em;
}

και τον αντικαθιστάς με τον παρακάτω κώδικα:
Κώδικας:
.post-container {
    background-color: #eff1f3;
    margin-left: 18em;
    border-left: 2px solid #000;
}





avatar

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 43
Δημοσιεύσεις : 1974

Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Γραμμη διαχωρισμου προφιλ και ποστ

Δημοσίευση από Skouliki Την / Το Παρ Απρ 01, 2016 9:18 am

καλημερα 
δεν βρισκω το ακριβες 
μηπως αυτο ειναι
Κώδικας:
.sceditor-container iframe, .sceditor-container textarea {
    background no-repeat:url(http://i68.servimg.com/u/f68/13/68/24/27/yii_oo18.png) !important;
}
avatar

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 951

Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Γραμμη διαχωρισμου προφιλ και ποστ

Δημοσίευση από Van-Helsing Την / Το Παρ Απρ 01, 2016 4:56 pm

Καλησπέρα,
Αν δεν το βρίσκεις απλά πρόσθεσε τον κώδικα που σου έδωσα στο CSS σου.





avatar

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 43
Δημοσιεύσεις : 1974

Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Γραμμη διαχωρισμου προφιλ και ποστ

Δημοσίευση από Skouliki Την / Το Παρ Απρ 01, 2016 5:07 pm

λειτουργησε αψογα μονο αν γινεται να αφησουμε λιγο space να εχει αερα με τις υπογραφες αλλιως αν δεν γινεται ειμαι οκ 

avatar

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 951

Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Γραμμη διαχωρισμου προφιλ και ποστ

Δημοσίευση από Van-Helsing Την / Το Παρ Απρ 01, 2016 5:17 pm

Καλησπέρα,
Βρες αυτόν τον κώδικα στο css:

Κώδικας:
.post-container {
    background-color: #eff1f3;
    border-left: 1px solid #000;
    margin-left: 18em;
}

και πρόσθεσε τη γραμμή
Κώδικας:
padding: 0px 0px 0px 10px;





avatar

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 43
Δημοσιεύσεις : 1974

Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Γραμμη διαχωρισμου προφιλ και ποστ

Δημοσίευση από Skouliki Την / Το Παρ Απρ 01, 2016 5:28 pm

οκ ομως με την αλλαγη συνέβη αυτό στο πάνω μερος του ποστ όχι στο κατω 


avatar

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 951

Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Γραμμη διαχωρισμου προφιλ και ποστ

Δημοσίευση από Van-Helsing Την / Το Παρ Απρ 01, 2016 6:40 pm

Διόρθωσε τον κώδικα στο CSS σου ως εξής:

Κώδικας:

.post .post-header {
    background-color: #c6ccd4;
    min-height: 33px;
    padding: 2px 8px 0;
    margin-left: -10px;
}
.postprofile {
    float: left;
    margin-left: -217px;
    width: 219px;
}

το αποτέλεσμα πρέπει να βγει έτσι:





avatar

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 43
Δημοσιεύσεις : 1974

Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Γραμμη διαχωρισμου προφιλ και ποστ

Δημοσίευση από Skouliki Την / Το Παρ Απρ 01, 2016 6:46 pm

δεν υπηρχε και απλα το προσθεσα και βγηκε τελεια 
ευχαριστω πολυ για το χρόνο σου 
θεμα λύθηκε και ολοκληρωθηκε !
avatar

Skouliki
Υπεύθυνος Φόρουμ
Υπεύθυνος Φόρουμ

Θηλυκό
Δημοσιεύσεις : 951

Skouliki ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Λύθηκε Απ: Γραμμη διαχωρισμου προφιλ και ποστ

Δημοσίευση από Van-Helsing Την / Το Παρ Απρ 01, 2016 6:47 pm

Να σαι καλά. Hello
To θέμα λύθηκε, κλειδώθηκε και αρχειοθετήθηκε.






avatar

Van-Helsing
Διαχειριστής
Διαχειριστής

Άντρας
Ηλικία : 43
Δημοσιεύσεις : 1974

Van-Helsing ο/η συγγραφέας σας ευχαριστήσε για την απάντησή σας.

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή


Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης