Jump to content

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


Recommended Posts

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


ναι γίνετε ,πρέπει να πειράξεις το global.css

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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 (έντονα) δηλαδή, θα πρέπει να κάνεις αυτό που σου είπα εγώ πιο πάνω.

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

Share this post


Link to post
Share on other sites

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


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

Share this post


Link to post
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,το αλλάζετε με ότι θέλετε.

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More