×
Hyrja
Profili

Ndihe | Rreth ndryshimit te ngjyrave ne menu

Ndihe | Rreth ndryshimit te ngjyrave ne menu

· 6 · 1807

  • Postime: 19

ne: 26-01-2013, 11:03:43
Pershendetje miq...

Kam hasur ne nje problem te vogel qe sun e gjej zgjidhjen..

Ne wordpress deshiroj qe tja ndryshoj ngjyren Menus kryesore por nuk po mundem

Dua qe cdo kategori te jet ngjyr ne vete

psh VIP te jet PINK

TECH - BLUE

e kshu me rradh sdi ne jam i kjart

qfar duhet te bej qe ta ndryshoj ate...?

Theme qe perdor quhet SAHIFA

  • Postime: 116
  • Gjinia: Mashkull

#1 ne: 26-01-2013, 13:05:59
Me sa di une nuk behet e till nese ke pare ndonje them me menu te till e ka vete thema

  • Postime: 19

#2 ne: 26-01-2013, 19:33:31
 e ke ketu: fishmedia.info

  • Postime: 116
  • Gjinia: Mashkull

#3 ne: 26-01-2013, 19:43:31
Provo te vendosesh kete kod ne style.css posht home

}
#menu li.EMRI I KATEGORIS:hover a {
   background: #0F85D0;
}
#menu li.EMRI I KATEGORIS :hover span {
   background: #0F85D0;
   z-index: 9999;


Ky eshte kolori #0F85D0;  zvendsoje me kolorin qe do ne cdo kategori

Ne albcoder me duket se ka qen nje tutorial per kete por faqja nuk hapet

  • Postime: 19

#4 ne: 26-01-2013, 20:55:12
Kodi: [Zgjidh]
/***************************************

Theme Name: Sahifa
Theme URI: http://themes.tielabs.com/sahifa/
Description: A Premium Wordpress News Theme
Author: Mo3aser
Author URI: http://tielabs.com/
Version: 2.3.0

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: two-columns, fixed-width, custom-background, threaded-comments, translation-ready, custom-menu

***************************************/


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---------------------------------------------
 Main Global Layout Settings
------------------------------------------------ */
*{
padding:0;
margin:0;
outline:none;
list-style:none;
border: 0 none;
}
body {
background:#FFF url(images/patterns/body-bg7.png);
color: #333;
font-family: 'Droid Sans',Arial,Verdana,sans-serif;
font-size: 13px;
}
pre ,code{
direction:ltr;
background:url(images/code-bg.png);
font: 11px/19px 'andale mono', 'lucida console', monospace;
padding: 3px;
display: block;
overflow-x: visible;
overflow-y: hidden;
margin: 0 0 20px 0;
color: #666;
border-top: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
border-bottom: 1px solid #F0F0F0;
border-right: 1px solid #F0F0F0;
}
h1, h2, h3,h4, h5, h6 { font-weight:normal;}

.alignright {float: right;}
.alignleft {float: left;}
.aligncenter{
clear:both;
margin-left:auto;
margin-right:auto;
}
a {
  color: #444;
  text-decoration: none;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
a:hover {
  color: #000;
}
.clear {clear: both;}

.post-title a,
ul.slider-navigation li ,
.pagenavi a,
a.more-link ,
.main-menu li a ,
.subscribe-icons a ,
.flickr_badge_image img {
webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
textarea, input[type=text], input[type=password], input[type=email], select {
border: 1px solid #ccc;
background: #fff;
font-size: inherit;
}
input, select {
cursor: pointer;
}
input[type=text], input[type=password], input[type=email] {
cursor: text;
}
textarea {
overflow:auto;
}
textarea, input {
padding: 5px;
outline: none;
}
select {
padding: 2px;
}
option {
padding: 0 4px;
}
input[type=button], button {
padding: 4px;
cursor: pointer;
vertical-align: middle;
}
input.text_input,textarea.textarea {
border: 1px solid #ccc;
     -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
          border-radius: 1px;
}
input.text_input:focus,textarea.textarea:focus {
border: 1px solid #999;
}

::-moz-selection { background: #F9A386; color: #fff; text-shadow: none; }
::selection { background: #F9A386; color: #fff; text-shadow: none; }


/* ---------------------------------------------
 Main Wrapper Style
------------------------------------------------ */
.background-cover{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:fixed;
background-repeat:no-repeat;
top:0;
left:0;
z-index:0;
overflow: hidden;
width: 100%;
height:100%;
}

.wrapper {
position:relative;
z-index:1;
}
.container{
width:1045px;
margin:0 auto;
}


/* ---------------------------------------------
 Header
------------------------------------------------ */


/* Header */
header {
background:#FFF;
margin: 20px auto 25px;
position: relative;
width:1045px;
-moz-box-shadow: inset 0 0 2px #FFF, 0 0px 5px #cacaca;
-webkit-box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA;
box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA;
}
header:after{
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}

/* Top Menu Styles */
.top-nav {
background:#fbfbfb;
border-top:3px solid #f88c00;
border-bottom:1px solid #ececec;
height:30px;
}
.top-nav .menu-alert{
float:left;
color:#666;
padding:8px 0;
font-style:italic;
}
.top-nav ul {float: left;}
.top-nav ul li {
position: relative;
display: inline-block;
float: left;
border-right: 1px solid #F2F2F2;
}
.top-nav ul li a {
display: inline-block;
height: 30px;
line-height: 30px;
color: #838383 ;
padding:0 8px;
text-shadow:0 1px 1px #FFF;
}
.top-nav ul li .sub-indicator{}
.top-nav ul li a:hover {
color: #000;
}

.top-nav ul ul {
background: #fbfbfb;
display: none;
padding:0;
position: absolute;
top: 30px;
width: 180px;
z-index: 99999;
float: left;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.top-nav ul ul li {
background: none !important;
border: none !important;
z-index: 99999;
min-width: 180px;
}
.top-nav ul ul ul {
right: auto;
left: 100%;
top: 0;
z-index: 99999;
}
.top-nav ul ul a {
background: none !important;
height: auto !important;
line-height: 1em;
padding: 10px 10px;
width: 160px;
display: block !important;
margin-right: 0 !important;
z-index: 99999;
color: #777!important;
}
.top-nav ul ul li.current-menu-item:after{display: none;}


.top-nav ul li:hover > a,
.top-nav ul :hover > a ,
.top-nav ul li.current-menu-item a { color:#000;}

.top-nav ul li.current-menu-item:after{
content: " ";
display: block;
width: 0;
height: 0;
position: absolute;
top: 0px;
z-index: 2;
right:45%;
border: 4px solid transparent;
border-top-color: #F88C00 ;
}

.top-nav ul ul li:hover > a,
.top-nav ul ul :hover > a {
color: #000 !important;
}
.top-nav ul li:hover > ul {display: block;}

/* Today Date */
.today-date{
float:left;
padding:4px 10px;
background:#ddd;
font-size:11px;
color:#333;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin:4px 10px 0 5px;
}

/* Search */
.search-block {
height:30px;
overflow: hidden;
float:right;
margin-left:5px;
}
.search-block:after{
content: " ";
display: block;
width: 0;
height: 0;
position: absolute;
top: 14px;
z-index: 2;
right:30px;
border: 4px solid transparent;
border-right-color: #F88C00 ;
}
.search-block #s {
background:#FFF;
float: right;
font: normal 11px tahoma;
padding: 9px 12px 8px 12px;
width: 90px;
color:#C5C5C5;
border:0 none;
border-left:1px solid #ececec;
-o-transition: width .7s , color .4s;
-webkit-transition: width .7s , color .4s;
-moz-transition: width .7s , color .4s;
transition: width .7s , color .4s;
}
.search-block #s:focus {
color:#000;
width:150px;
}
.search-block .search-button {
background:#f88c00 url(images/search-button.png) no-repeat center;
cursor: pointer;
float: right;
height:30px;
width:30px;
text-indent:-999999px;
display: block;
border:0 none;
}
.search-block:hover .search-button,
.search-block:hover #s {
opacity:1;
color:#444;
}
.search-block .search-button:active {}

/* Social */
.top-nav .social-icons{float:right; margin:5px 5px 0 0;}
.top-nav .social-icons a , .footer-bottom .social-icons a{
filter: url(css/filters.svg#grayscale);
    filter: gray;
-webkit-filter: grayscale(1);
}
.top-nav .social-icons a:hover ,.footer-bottom .social-icons a:hover{
filter: none;
-webkit-filter: grayscale(0);
}


.header-content{padding:20px 15px;}

.logo {float: left;}
.logo h1, .logo h2{font:bold 32pt arial;}

/* Main Nav  */
#main-nav  {
margin:0 auto;
background:url(images/main-menu-bg.png) repeat-x bottom;
height:52px;
border-bottom:5px solid #F88C00 ;
}
#main-nav  .menu-alert{
float:left;
padding:18px 0 0 10px ;
font-style:italic;
color:#FFF;
}
#top-menu-mob , #main-menu-mob{ display:none; }
#main-nav .main-menu{margin-left:10px;}
#main-nav  ul li {
font-size:13px;
position: relative;
display: inline-block;
float: left;
border:1px solid #222222;
border-width:0 0 0 1px;
height:47px;
margin-top:5px;
}
#main-nav  ul li:first-child,
#main-nav  ul li:first-child a{border:0 none;}
#main-nav  ul li:last-child a{border-right:0 none;}

#main-nav  ul li a {
display: inline-block;
height: 47px;
line-height: 47px;
color: #ddd;
padding:0 10px;
text-shadow:0 1px 1px #000;
border-left:1px solid #383838;
}
#main-nav  ul li a .sub-indicator{}
#main-nav  ul li a:hover {}
#main-nav  ul ul {
display: none;
padding:0;
position: absolute;
top: 42px;
width: 180px;
z-index: 99999;
float: left;
background: #2d2d2d !important;
-webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.2);
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#main-nav  ul ul li, #main-nav  ul ul li:first-child {
background: none !important;
z-index: 99999;
min-width: 180px;
border:0 none;
border-bottom: 1px solid #222;
border-top: 1px solid #383838;
font-size:12px;
height:auto;
margin:0;
}
#main-nav  ul ul li:first-child ,
#main-nav ul li.current-menu-item ul li:first-child,
#main-nav ul li.current-menu-parent ul li:first-child,
#main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;}
#main-nav  ul ul ul {
right: auto;
left: 100%;
top: 0;
z-index: 99999;
}
#main-nav  ul.sub-menu a ,
#main-nav  ul ul li.current-menu-item a,
#main-nav  ul ul li.current-menu-parent a,
#main-nav  ul ul li.current-page-ancestor a{
border:0 none;
background: none !important;
height: auto !important;
line-height: 1em;
padding: 10px 10px;
width: 160px;
display: block !important;
margin-right: 0 !important;
z-index: 99999;
color: #ccc !important;
text-shadow:0 1px 1px #000 !important;
}
#main-nav  ul li.current-menu-item ul a,
#main-nav  ul li.current-menu-parent ul a,
#main-nav  ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px #222 !important;}

#main-nav  ul li:hover > a,
#main-nav  ul :hover > a {
color: #FFF ;
}
#main-nav  ul ul li:hover > a,
#main-nav  ul ul :hover > a {
color: #FFF !important;
padding-left:15px !important;
padding-right:5px !important;
}
#main-nav  ul li:hover > ul {display: block;}
#main-nav  ul li.current-menu-item,
#main-nav  ul li.current-menu-parent,
#main-nav  ul li.current-page-ancestor{
margin-top:0;
height:52px;
border-left:0 none !important;
}
#main-nav  ul li.current-menu-item ul,
#main-nav  ul li.current-menu-parent ul,
#main-nav  ul li.current-page-ancestor ul{ background:#F88C00 !important;}

#main-nav  ul li.current-menu-item ul li, #main-nav  ul li.current-menu-item ul li:first-child ,
#main-nav  ul li.current-menu-parent ul li, #main-nav  ul li.current-menu-parent ul li:first-child,
#main-nav  ul li.current-page-ancestor ul li, #main-nav  ul li.current-page-ancestor ul li:first-child {
border-bottom: 1px solid #D57800;
border-top: 1px solid #FFA93A ;
}
#main-nav  ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover,
#main-nav  ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover,
#main-nav  ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{
background:#F88C00;
text-shadow:0 1px 1px #000;
color:#FFF;
height:52px;
line-height:52px;
border-left:0 none !important;
}
#main-nav  ul.sub-menu li.current-menu-item,
#main-nav  ul.sub-menu li.current-menu-item a,
#main-nav li.current-menu-item ul.sub-menu a,
#main-nav  ul.sub-menu li.current-menu-parent,
#main-nav  ul.sub-menu li.current-menu-parent a,
#main-nav li.current-menu-parent ul.sub-menu a,
#main-nav  ul.sub-menu li.current-page-ancestor,
#main-nav  ul.sub-menu li.current-page-ancestor a,
#main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;}
#main-nav  ul li.menu-item-home a{
background-image:url(images/home.png) !important;
background-repeat:no-repeat !important;
background-position:center -47px;
text-indent:-9999px;
height: 52px;
width: 35px;
}
#main-nav  ul li.menu-item-home.current-menu-item a{
background-position:center 8px;
}
#main-nav  ul li.menu-item-home ul li a,
#main-nav  ul ul li.menu-item-home  a,
#main-nav  ul li.menu-item-home ul li a:hover{
background-color:transparent !important;
text-indent:0;
background-image:none !important;
height:auto !important;
width:auto;
}
.fixed-nav{
position:fixed;
top:-5px;
width:1045px;
z-index:999;
opacity:0.9;
-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
}
body.admin-bar .fixed-nav{top:23px;}



perafersisht ku ta vendos pasi jam filestar ne css..

ose ta nxjerr krejt kodin e style.css?

  • Postime: 376
  • Gjinia: Mashkull

#5 ne: 30-01-2013, 20:38:54
faqen e ke online? mund te na japesh linkun

Temat e fundit