Ερωτήματα για Drupal theming

[PanosCy]

πως μπορώ στο συγκεκριμένο θέμα να μειώσω το εύρος του footer_credit, ώστε να μην καλύπτει το σύνολο της οθόνης, αλλά να εκτείνεται στα όρια που υπάρχει κείμενο και μενού;

 

Επίσης, πώς μπορώ να αντιστρέψω τη λειτουργία του μενού, ώστε αρχικά να είναι όλο το μενού μπλε, και όταν κάνω mouse over ή είναι active τότε να γίνεται γκρι; (ουσιαστικά την αντίστροφη συμπεριφορά από αυτή που έχει τώρα δηλαδή)

[sougiasdj]

1)Το ερώτημα είναι γενικό για το CSS και όχι για το Drupal Theming.

2)Το κομμάτι του footer(footer_credit) είναι απλά μια περιοχή που προσθέτει 

background: #000;

Αρα το εσωτερικό div κάνει την δουλεία που θες

.footer_inner_credit {
max-width: 1000px;
margin: 0 auto;
}

3)Το κομμάτι του μενού που θες να αλλάξεις είναι:

#main-menu li {
/*background: none;*/
background: url("images/menu_bg.png");
}
#main-menu a:hover{
background:none;
color: #000;
}

[PanosCy]

 

1)Το ερώτημα είναι γενικό για το CSS και όχι για το Drupal Theming.

2)Το κομμάτι του footer(footer_credit) είναι απλά μια περιοχή που προσθέτει 

background: #000;

Αρα το εσωτερικό div κάνει την δουλεία που θες

.footer_inner_credit {
max-width: 1000px;
margin: 0 auto;
}

3)Το κομμάτι του μενού που θες να αλλάξεις είναι:

#main-menu li {
/*background: none;*/
background: url("images/menu_bg.png");
}
#main-menu a:hover{
background:none;
color: #000;
}

αλλάζω το 1000, αλλά πάλι ας πούμε η μαύρη μπάρα κάτω κάτω δεν μικραίνει... Μόνο το κείμενο άλλαξε θέση... Πρέπει να καθαρίσω την cache μέσω drupal? Επίσης πόσο να την βάλω; έβαλα 600, αλλά παρατήρησα πως άλλαξε θέση μόνο το κείμενο... το χρώμα του μαύρου background θα ήθελα να μειωθεί...

[Xvipes]

βγάλε τα padding στο .footer_credit και στο #copyright για να μειωθεί το μαύρο

[PanosCy]

βγάλε τα padding στο .footer_credit και στο #copyright για να μειωθεί το μαύρο

#footer {

  clear:both;

  background: url("images/footer_bg.png") repeat-x scroll 0 0 #0BA5D2;

  border-top: 1px solid #CFD7DB;

εδώ ίσως να ορίσω το max width;

[XPHSTOS_]

Βασικά στην ουσία θέλεις να εξαφανίσεις ή να μικρύνεις το ύψος από το credit.
 

div#block-system-powered-by {

display: none;

}
για να φύγει εντελώς...μόνο το "Powered by"
Eπίσης δεν πρόσεξα να έχει καποιο margin ή padding που μπορείς να μειώσεις για να μικρύνει εκτός αν μικρύνεις περισσότερο την γραμματοσειρά...

Για το menu
Βάλε αυτό στο css αρχείο σου...

#main-menu a:hover, #main-menu li a.active {

color: #fff;

text-decoration: none; 

}

 

#main-menu a {

display: block;

color: #333;

text-align: center;

padding: 10px 20px;

text-decoration: none;

font-size: 12px;

text-transform: uppercase;

font-weight: bold;

background: url("images/menu_bg.png");

}

[PanosCy]

 

Βασικά στην ουσία θέλεις να εξαφανίσεις ή να μικρύνεις το ύψος από το credit.

 

div#block-system-powered-by {

display: none;

}

για να φύγει εντελώς...μόνο το "Powered by"

Eπίσης δεν πρόσεξα να έχει καποιο margin ή padding που μπορείς να μειώσεις για να μικρύνει εκτός αν μικρύνεις περισσότερο την γραμματοσειρά...

 

Για το menu

Βάλε αυτό στο css αρχείο σου...

 

#main-menu a:hover, #main-menu li a.active {

color: #fff;

text-decoration: none; 

}

 

#main-menu a {

display: block;

color: #333;

text-align: center;

padding: 10px 20px;

text-decoration: none;

font-size: 12px;

text-transform: uppercase;

font-weight: bold;

background: url("images/menu_bg.png");

}

 

όχι το ύψος, το πλάτος θέλω να μειώσω... να μην καλύπτει όλη την οθόνη, αλλά να ευθυγραμμιστεί με την πάνω κυρίως επιφάνεια (το body) των κειμένων π.χ. αν έχω μια απλή σελίδα

[Xvipes]

Επειδή έχω μπερδευτεί, θες κάτι τέτοιο?

[PanosCy]

ακριβώς αυτό, και εφόσον είναι δυνατό, να μένει αυτό πάντα στο τέλος της σελίδας, καθώς παρατήρησα πως αν έχω μια σελίδα με μία γραμμή πχ κείμενο, αυτή η μπάρα ανεβαίνει πολύ ψηλά, πως γίνεται να είναι πάντα στο κάτω μέρος της οθόνης;

[Xvipes]

Έχουν κάνει μλκια στο css και έχουν βάλει το id footer_wrapper και στο περιεχόμενο της σελίδα, οπότε θα πρέπει να φτιάξεις με extra κλάση και να την βάλεις στο <div id="footer_wrapper" class="footer_custom"> και εκεί να δώσεις 

background: url("images/footer_bg.png") repeat-x scroll 0 0 #0BA5D2;

και να αφαιρέσεις το background από το #footer .

Αντίστοιχα να αφαιρέσεις το background: #000; από το .footer_credit και να το βάλεις στο .footer_inner_credit.

 

Για να είναι το footer πάντα κάτω θα πρέπει να βάλεις ένα min-height: 750px; στο #container .

 

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

 

[PanosCy]

ευχαριστώ πολύ, μήπως είναι λάθος η χρήση free themes τελικά;

[XPHSTOS_]

Λάθος δεν είναι... απλά να μάθεις λίγο καλύτερα CSS γιατί εκεί είναι το θέμα.
 
Έχουμε και λέμε...

1) Παίρνεις το background: url("images/footer_bg.png") repeat-x scroll 0 0 #0BA5D2; από το #footer
και το βάζεις στο #footer > #footer_wraper

2) Από το .footer_credit αφαιρείς το padding.. δηλαδή το μηδενίζεις (padding: 0px;)
και παίρνεις το background: #000 και το μεταφέρεις στο .footer_inner_credit

* Για το μενού ισχύει αυτό που είχα γράψει.
 

[PanosCy]

Στο συγκεκριμένο θέμα, 

 

μπορώ να κάνω τα μπλοκ του μενού να τα κάνω expand, ώστε ανάλογα με το πόσα λινκ έχω πάνω στο μενού, αυτές οι μπλε background εικόνες να απλώνουν, ώστε να μην έχουμε το τελευταίο γκρι κουμπί κενό, όπως φαίνεται στην εικόνα, δεξιά από το blog;

[opoiosdipote]

Ναι μπορείς. Το css αλλάζεις. Πρόσεχε μόνο μη σου κατέβουν και στην από κάτω γραμμή

[PanosCy]

Ναι μπορείς. Το css αλλάζεις. Πρόσεχε μόνο μη σου κατέβουν και στην από κάτω γραμμή

μπορείς να δώσεις ένα παράδειγμα; Δεν θα ήθελα να διαιρέσω ώστε να το πάω με ποσοστό, θα ήθελα αυτόματα να γίνεται expand σε full width