WordPress DK Forum

1. 

   sonnyside
   

   Juniormedlem
   Joined: nov '10
   Posts:

   Reputation:

    

   Hej

   Jeg kunne godt tænke mig at ændre kategori sektionen på http://www.nytlir.dk så kategorierne bliver mere adskilt og underkategorier er rykket ind under hovedkategorien.
   Lige nu har jeg bare skrevet -- foran underkategori punkterne for at vise hvad jeg mener.

   Hvordan styler jeg hoved kategorier og underkategorier for sig?
   Underkategorierne skal rykkes lidt ind og have en anden farve.

   Jeg troede at jeg kunne lave en .children i starten af style.css men jeg har ikke kunnet få noget af det jeg har prøvet til at virke.

   Jeg bruger temaet Blogline-w2-3c 0.99 DK

   Sådan ser css ud for højre sidebar:

   
/************************************************
* Right Sidebar *
************************************************/

   #r_sidebar h2 {
   color: #333333;
   font-size: 1.8em;
   font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px;
   font-weight: bold;
   padding: 6px 0px 3px 0px;
   margin-top: 10px;
   margin-bottom: 8px;
   border-bottom: 3px solid #000;
   }
   #r_sidebar {
   float: right;
   width: 170px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   }

   #r_sidebar ul {
   list-style: none;
   margin: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   }

   #r_sidebar ul li {
   display: inline;
   padding: 0px ;
   margin: 0px;
   }

   #r_sidebar ul li a {
   display: block;
   color: #000000;
   text-decoration: none;
   margin: 0px;
   padding: 5px 0px 5px 0px;
   border-bottom: 1px dotted #C0C0C0;
   }

   #r_sidebar ul li a:hover {
   background: #EFEFEF;
   color: #0066CC;
   }

   #r_sidebar p{
   padding: 3px 0px 0px 0px;
   margin: 0px;
   line-height: 20px;
   }

   /* Sidebar P center text, images */

   #r_sidebar .pcenter a { float: center; padding: 5px; border: 0px; text-align: center;
   background: #FFF;!important; }

   #r_sidebar .pcenter a:hover { float: center; text-align: center;
   background: #FFF;!important; }

   /* widget_tag_cloud - Uncomment this, if you want List-style */

   #r_sidebar .widget_tag_cloud a { display: inline; line-height: 22px; padding: 0px 0px 0px 0px;; color: #0066cc; border: 0px; text-align: center; background: #FFF;!important; }

   #r_sidebar .widget_tag_cloud a:hover { float: center; color: #FA9C3A; text-align: center;
background: #FFF;!important; }


   Skrevet 13 years siden #
2. 

   jacobask
   

   Supermedlem
   Joined: jan '08
   Posts:

   Reputation:

    

   Det kan lade sig gøre. For at style underkategorierne skal du ind og ramme "li ul", dvs de underliggende lister.

   Det er lidt tidligt på morgenen til at konkretisere mere... Der er lidt at kigge på her:
   google - nestled lists specielt på A List Apart og denne listutorial.

   Så skulle der være lidt at komme i gang med.

   /ask

   Skrevet 13 years siden #
3. 

   Henning
   

   Administrator
   Joined: maj '10
   Posts:

   Reputation:

    

   hej
   Du kan evt. bruge WP's indbyggede menufunktion til noget af det.
   se eksempel på indrykning: http://www.wpblog.dk - der er lavet en brugerdefineret menu med hovedkategori og to underkategorier.
   mvh. Henning

   http://www.ballumweb.dk

   Skrevet 13 years siden #
4. 

   jacobask
   

   Supermedlem
   Joined: jan '08
   Posts:

   Reputation:

    

   OP har hoved og underkategorier, men skal have dem stylet individuelt.

   /ask

   Skrevet 13 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.