Jump to content

Μπορούμε να χρωματίσουμε τις κατηγορίες ώστε όταν πηγαίνουμε το βελάκι να φαίνετ


stathopon1@

Recommended Posts

Υπάρχει τρόπος να φαίνονται τα γράμματα στις κατηγορίες πιο έντονα? μήπως πρεπει να κατεβάσω ένα theme?


ναι γίνετε ,πρέπει να πειράξεις το global.css
Link to comment
Share on other sites

δηλαδή? ποιο σημείο ακριβώς? και τι να κανω?

Ψάξε στο global.css να βρεις το /* Block categories */
Εκεί μπορείς να αλλάξεις διάφορα, όπως font families, margins κλπ. Γράψε " font-weight:bold; " και θα γίνουν έντονα.
Link to comment
Share on other sites

Καλημέρα, καλό μήνα. FotisM έχει ένα σωρό font-weight ποιό ακριβώς πρέπει να πειράξω?? ?

Στο σημείο που σου είπα.

Θα ψάξεις να βρεις το /* Block categories */ και θα προσθέσεις από κάτω του μια γραμμή που θα λέει font-weight:bold;
Link to comment
Share on other sites

Για να πετύχεις αυτό που θες πρέπει να πειράξεις και το style.css.
Για να πετύχεις το να αλλάζει χρώμα όταν περνα από πάνω του, πας στη γραμμή 115 και αλλάζεις το color.
Για να πετύχεις όταν το πατάς να μένει άλλο χρώμα πας στη γραμμή 99 και αλλάζεις το color.
και παίξε με το χρώμα και στη γραμμή 92.
Τα χρώματα που θες να βάλεις πρέπει να είναι σε HEX.

Link to comment
Share on other sites

telika ti akribos prepei na peiraksoyme? to hover? to style?? eimai mesa sto glabal.css. mporeis na gineis poio safis? ? ? ?

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

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

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

Αν θέλεις το πρώτο... συγγνώμη αλλά δεν κατάλαβα τι ακριβώς ζητάς. Γράψε τι ακριβώς θέλεις να κάνεις και όλο και κάποιος θα σε βοηθήσει.
Link to comment
Share on other sites

Έχεις απόλυτο δίκαιο! ζητώ συγγνώμη και ευχαριστώ εκ των προτέρων που βοηθάτε. Αυτό που θα ήθελα είναι να μπορώ να μετακινώ το ποντίκι στις κατηγορίες που βρίσκονται στα αριστερά της σελίδας μου higenius.gr και με το mouse over να φαίνεται ότι αλλάζω κατηγορία να γίνεται πιο έντονη η συγκεκριμένη κατηγόρια..και όταν πηγαίνω το ποντίκι σε άλλη κατηγορία να γίνεται εκείνη πιο έντονη.. ελπίζω να έγινα κατανοητός αυτην την φορά..


Ευχαριστώ εκ των προτέρων ΞΑΝΑ!

Link to comment
Share on other sites

έχουμε και λέμε, έκανα ξανά εγκατάσταση στο default θέμα για να το βρω που είναι στο global.css.

έχουμε αυτό το κώδικα στη γραμμή 1151:

/* Block categories */
div#categories_block_left ul.tree { padding-left: 0.5em }
div#categories_block_left ul.tree li {
   border: none;
   padding-top: 5px;
   padding-left: 15px;
   background: none;
   margin-left: 0;
   font-weight: bold;
   font-size: 13px;
   line-height: 13px
}
div#categories_block_left ul.tree li.last { padding-bottom: 0 }
div#categories_block_left ul.tree li ul { padding: 2px 0 0 }
div#categories_block_left ul.tree li ul li {
   padding: 1px 0 1px 15px;
   background: none;
   font-size: 11px;
   font-weight: normal
}
div#categories_block_left ul.tree li ul li.last { padding-bottom: 0 }
div#categories_block_left ul.tree li ul li ul li {
   padding-left: 15px;
   font-size: 9px
}
div#categories_block_left ul.tree a {
   padding-left: 0;
   color: #374853
}
div#categories_block_left ul.tree a:hover { text-decoration: none }
div#categories_block_left ul.tree a.selected {
   color: #488c40;
   font-weight: bold
}
div#categories_block_left span.grower {
   display: block;
   float: left;
   background-position: 0 3px;
   background-repeat: no-repeat;
   width: 9px;
   height: 15px;
   margin: 0 0 0 -12px!important;
   margin: 0 0 0 -8px;
   padding: 0
}
div#categories_block_left span.OPEN { background-image: url('../img/icon/less.gif') }
div#categories_block_left span.CLOSE { background-image: url('../img/icon/more.gif') }





και θα γίνει έτσι:

/* Block categories */
div#categories_block_left ul.tree { padding-left: 0.5em }
div#categories_block_left ul.tree li {
   border: none;
   padding-top: 5px;
   padding-left: 15px;
   background: none;
   margin-left: 0;
   font-weight: normal;
   font-size: 13px;
   line-height: 13px
}
div#categories_block_left ul.tree li.last { padding-bottom: 0 }
div#categories_block_left ul.tree li ul { padding: 2px 0 0 }
div#categories_block_left ul.tree li ul li {
   padding: 1px 0 1px 15px;
   background: none;
   font-size: 11px;
   font-weight: normal
}
div#categories_block_left ul.tree li ul li.last { padding-bottom: 0 }
div#categories_block_left ul.tree li ul li ul li {
   padding-left: 15px;
   font-size: 9px
}
div#categories_block_left ul.tree a {
   padding-left: 0;
   color: #374853
}
div#categories_block_left ul.tree a:hover { text-decoration: none}
div#categories_block_left ul.tree a:hover {
   color: #009846;
   font-weight: bold
}
div#categories_block_left span.grower {
   display: block;
   float: left;
   background-position: 0 3px;
   background-repeat: no-repeat;
   width: 9px;
   height: 15px;
   margin: 0 0 0 -12px!important;
   margin: 0 0 0 -8px;
   padding: 0
}
div#categories_block_left span.OPEN { background-image: url('../img/icon/less.gif') }
div#categories_block_left span.CLOSE { background-image: url('../img/icon/more.gif') }




θα κάνει ακριβός αυτό που θες,το χρώμα όταν το επιλέγεις είναι στη γραμμή 1182,το αλλάζετε με ότι θέλετε.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...