Διαμόρφωση της toolbar
Ελληνική Κοινότητα Υποστήριξης ForumGreek :: ΤΟΜΕΑΣ ΥΠΟΣΤΗΡΙΞΗΣ :: Βοήθεια για Σχεδίαση Φόρουμ & Εμφάνιση :: Αρχείο Βοήθειας για Σχεδίαση Φόρουμ & Εμφάνισης
Σελίδα 1 από 1 • Μοιραστείτε
Διαμόρφωση της toolbar
Να μαι πάλι
Θα ήθελα να ρωτήσω αν θα μπορούσα να διαμορφώσω κάπως την πάνω μπάρα όπως την δική σας?
Δεν έχω αγοράσει credits για να αλλάξω το αριστερό εικονίδιο και το link, αλλά θέλω να ρωτήσω αν μπορώ να πειράξω το εικονίδιο του search και να το κάνω αναδυόμενο όπως εσείς και με άλλο εικονίδιο.
Και επίσης αν γίνεται να αφήσω όσα από τα κουμπιά θέλω εγώ.(πχ μόνο facebook και rss) και να τους βάλω ότι εικονίδια θέλω όπως εσείς με παρόμοιο εφέ..
Θα ήθελα να ρωτήσω αν θα μπορούσα να διαμορφώσω κάπως την πάνω μπάρα όπως την δική σας?
Δεν έχω αγοράσει credits για να αλλάξω το αριστερό εικονίδιο και το link, αλλά θέλω να ρωτήσω αν μπορώ να πειράξω το εικονίδιο του search και να το κάνω αναδυόμενο όπως εσείς και με άλλο εικονίδιο.
Και επίσης αν γίνεται να αφήσω όσα από τα κουμπιά θέλω εγώ.(πχ μόνο facebook και rss) και να τους βάλω ότι εικονίδια θέλω όπως εσείς με παρόμοιο εφέ..
Gunman- Eνεργό Μέλος
- Δημοσιεύσεις : 287
Απ: Διαμόρφωση της toolbar
Ευχαριστώ @Luffy τον χρησιμοποιώ τον οδηγό..
Πως μπορώ να κάνω το πεδίο της αναζήτησης αναδυόμενο όπως εδώ??
Και επίσης πως μπορώ να αντικαταστήσω να εικονίδια από το facebook tweeter κλπκλπ?
Ο οδηγός αναφέρει πως να τα σβήσω όλα τα εικονίδια αλλά εγώ θέλω να σβήσω μερικά.google plus και tweeter πχ. πως γίνεται??
ευχαριστώ πολύ
edit:επίσης πως μπορώ να εμφανίσω πάνω στην μπάρα εικόνα του profile μας?? όπως εδώ.
Πως μπορώ να κάνω το πεδίο της αναζήτησης αναδυόμενο όπως εδώ??
Και επίσης πως μπορώ να αντικαταστήσω να εικονίδια από το facebook tweeter κλπκλπ?
ευχαριστώ πολύ
edit:επίσης πως μπορώ να εμφανίσω πάνω στην μπάρα εικόνα του profile μας?? όπως εδώ.
Gunman- Eνεργό Μέλος
- Δημοσιεύσεις : 287
Απ: Διαμόρφωση της toolbar
Kαλημέρα @Gunman,
Προκειμένου να κάνεις την αναζητηση στην toolbar αναδυόμενη όπως εδώ πρέπει να ορίσεις ένα javascript προκειμένου οι μεταβλητές που της ορίσεις να αλλάξουν όπως τις θες. Δηλαδή βάζεις αυτό το javascript τοποθετημένο Σε όλες τις σελίδες:
Ένας από αυτούς είναι να προσθέσεις σε ένα νέο javascript τοποθτεημένο Σε όλες τις σελίδες με τον εξής κώδικα:
Για να αλλάξεις την εικόνα του κάθε εικονιδίου χρησιμοποιείς τον εξής κώδικα:
Luffy
Προκειμένου να κάνεις την αναζητηση στην toolbar αναδυόμενη όπως εδώ πρέπει να ορίσεις ένα javascript προκειμένου οι μεταβλητές που της ορίσεις να αλλάξουν όπως τις θες. Δηλαδή βάζεις αυτό το javascript τοποθετημένο Σε όλες τις σελίδες:
- Κώδικας:
// Αναδυομενη αναζητηση στην toolbar
$(function(){$(function(){
var area = document.getElementById('fa_textarea');
if (area) {
if (area.setAttribute) area.setAttribute('style', 'text-indent:0px !important;'); // remove indentation
// κειμενο αναζητησης !! :D
// αντικαταστηστε ολα τα 'Αναζητηση...' με αυτο που θελετε να φαινεται.
area.value = 'Αναζήτηση...';
area.onclick = function() { if (this.value == 'Αναζήτηση...') this.value = '' };
area.onblur = function() { if (!this.value) this.value = 'Αναζήτηση...' };
// αναζητηση οταν πατησετε το κουμπι αναζητησης
document.getElementById('fa_magnifier').onclick = function() { this.parentNode.submit() };
}
})});
- Κώδικας:
#fa_search #fa_textarea {
background: #000!important; /*Χρώμα φόντου*/
border: 1px solid #000!important; /*Χρώμα περιγράμματος*/
border-radius: 3px 0 0 3px!important;
color: #FFF!important; /*χρώμα κειμένου*/
cursor: text;
font-size: 12px!important;
height: 16px!important;
line-height: 12px!important;
margin-right: 23px!important;
padding: 3px 0 3px 1px !important;
transition: 300ms;
width: 0!important;
}
#fa_search #fa_textarea:focus, #fa_search #fa_textarea:hover, #fa_search:hover #fa_textarea {
background: #FFF!important; /*Χρώμα φόντου*/
color: #444!important; /*Χρώμα γραμμάτων στην αναζήτηση*/
outline: none;
padding: 3px!important;
width: 150px!important;
}
Ένας από αυτούς είναι να προσθέσεις σε ένα νέο javascript τοποθτεημένο Σε όλες τις σελίδες με τον εξής κώδικα:
- Κώδικας:
$(function(){$(function(){$('#fa_welcome').prepend('<span class="fa_avatar">'+_userdata.avatar+'</span>')})});
- Κώδικας:
.fa_avatar img {
width:25px;
height:25px;
margin-right:5px;
margin-bottom:-6px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
Για να αλλάξεις την εικόνα του κάθε εικονιδίου χρησιμοποιείς τον εξής κώδικα:
- Κώδικας:
background: url(LINK εικόνας εδώ...) no-repeat!important;
Luffy
Luffy- Διαχειριστής
-
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340
Απ: Διαμόρφωση της toolbar
ευχαριστώ πολύ @Luffy!
Μια ερώτηση.. Το μήνυμα το έκανα " Αναζήτηση...", ώστε να υπάρχουν κενά και να μην φαίνεται κάτω από το μικροσκόπιο η λέξη. Αλλά όταν πάω να γράψω κάτι φαίνεται από κάτω.
Μπορείς να μου πεις με ποια εντολή κάνει hover? προς τα δεξιά όπως εδώ?
Και αν δεις την σελίδα μου εμφανίζει μία "άσχημη" bold κάθετο εκεί που ξεκινάει το search, μπορεί να αλλάξει??
ευχαριστώ
edit: τώρα που έγινε αναδυόμενο και μαζεύτηκε αριστερά, ήρθαν και πιο αριστερά τα εικονίδια του "Μοιραστείτε" και πηγαινοέρχονται όταν κάνω hover στην αναζήτηση.
Υπάρχει τρόπος να τα κάνω στοίχηση στο κέντρο και να μην μετακινούνται δεξιά-αριστερά?
Μια ερώτηση.. Το μήνυμα το έκανα " Αναζήτηση...", ώστε να υπάρχουν κενά και να μην φαίνεται κάτω από το μικροσκόπιο η λέξη. Αλλά όταν πάω να γράψω κάτι φαίνεται από κάτω.
Μπορείς να μου πεις με ποια εντολή κάνει hover? προς τα δεξιά όπως εδώ?
Και αν δεις την σελίδα μου εμφανίζει μία "άσχημη" bold κάθετο εκεί που ξεκινάει το search, μπορεί να αλλάξει??
ευχαριστώ
edit: τώρα που έγινε αναδυόμενο και μαζεύτηκε αριστερά, ήρθαν και πιο αριστερά τα εικονίδια του "Μοιραστείτε" και πηγαινοέρχονται όταν κάνω hover στην αναζήτηση.
Υπάρχει τρόπος να τα κάνω στοίχηση στο κέντρο και να μην μετακινούνται δεξιά-αριστερά?
Gunman- Eνεργό Μέλος
- Δημοσιεύσεις : 287
Απ: Διαμόρφωση της toolbar
Καλησπέρα @Gunman
Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet
και βρίσκεις το:
αυτό θα σου κεντράρει τα εικονίδια.
και το αλλάζεις σε:
Πίνακας Διαχείρισης ► Εμφάνιση ► Εικόνες και χρώματα ► Χρώματα ► CSS Stylesheet
και βρίσκεις το:
- Κώδικας:
#fa_share {
margin-left: 20px;
font-size: 16px;
line-height: 30px !important;
}
αυτό θα σου κεντράρει τα εικονίδια.
και το αλλάζεις σε:
- Κώδικας:
#fa_share {
margin-left: 300px;
font-size: 16px;
line-height: 30px !important;
}
Van-Helsing- Διαχειριστής
-
Ηλικία : 49
Δημοσιεύσεις : 1990
Απ: Διαμόρφωση της toolbar
@Gunman, όταν μπορέσεις επανάφερε τον κώδικα όπως ήταν πριν και ενημέρωσέ με να του ρίξω μια ματιά να δούμε το πρόβλημα.
Luffy- Διαχειριστής
-
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340
Απ: Διαμόρφωση της toolbar
@Van-Helsing δεν υπάρχει αυτό το κομμάτι στον κώδικά μου, αλλά έβαλα αυτό που είπες το αλλαγμένο και φαίνεται το ίδιο.
@Luffy Το μόνο που έχω πειράξει είναι στον κώδικα του java που έβαλα μερικά κενά πριν την λέξη αναζήτηση. Και επίσης πρόσθεσα το java που μου έδωσες για το αναδυόμενο και το εικονίδιο του profile.
@Luffy Το μόνο που έχω πειράξει είναι στον κώδικα του java που έβαλα μερικά κενά πριν την λέξη αναζήτηση. Και επίσης πρόσθεσα το java που μου έδωσες για το αναδυόμενο και το εικονίδιο του profile.
Gunman- Eνεργό Μέλος
- Δημοσιεύσεις : 287
Απ: Διαμόρφωση της toolbar
@Gunman τώρα δηλαδή ποιό είναι το ακριβής πρόβλημα;; Τι πρέπει να φτιαχτεί; Γιατί εγώ το βλέπω κανονικά να δουλεύει..
Luffy- Διαχειριστής
-
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340
Απ: Διαμόρφωση της toolbar
@Luffy Το #fa_search #fa_textarea αν το βάλω margin left 300 px πάει στο κέντρο όπως θέλω, και όταν κάνω hover στο παράθυρο της αναζήτησης, ενώ το #fa_search #fa_textarea δεν ενοχλεί, πηγαίνει πιο δεξιά.
Μπορώ να το κάνω να είναι σταθερά στα pixel που θέλω και να μην επιρεάζεται με το αν κάνω hover στην αναζήτηση ή όχι?
Μπορώ να το κάνω να είναι σταθερά στα pixel που θέλω και να μην επιρεάζεται με το αν κάνω hover στην αναζήτηση ή όχι?
Gunman- Eνεργό Μέλος
- Δημοσιεύσεις : 287
Απ: Διαμόρφωση της toolbar
Γεια σου @Gunman,
Για το Μοιραστείτε λες έτσι; Αυτό δεν μπορείς να το σταθεροποιήσεις γιατί όσο είναι αναδυόμενο το παράθυρο τότε θα κουνιέται..
Για το Μοιραστείτε λες έτσι; Αυτό δεν μπορείς να το σταθεροποιήσεις γιατί όσο είναι αναδυόμενο το παράθυρο τότε θα κουνιέται..
Luffy- Διαχειριστής
-
Τόπος : Ελλάδα
Δημοσιεύσεις : 2340
Απ: Διαμόρφωση της toolbar
Το θέμα λύθηκε, κλειδώθηκε και αρχειοθετήθηκε.
Van-Helsing- Διαχειριστής
-
Ηλικία : 49
Δημοσιεύσεις : 1990
Παρόμοια θέματα
» διαμορφωση toolbar
» Διαμόρφωση Banner
» διαμορφωση σελιδας προφιλ μεσω css
» προβλημα με την toolbar
» δεν εμφανιζεται η toolbar
» Διαμόρφωση Banner
» διαμορφωση σελιδας προφιλ μεσω css
» προβλημα με την toolbar
» δεν εμφανιζεται η toolbar
Ελληνική Κοινότητα Υποστήριξης ForumGreek :: ΤΟΜΕΑΣ ΥΠΟΣΤΗΡΙΞΗΣ :: Βοήθεια για Σχεδίαση Φόρουμ & Εμφάνιση :: Αρχείο Βοήθειας για Σχεδίαση Φόρουμ & Εμφάνισης
Σελίδα 1 από 1
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
|
|