WordPress DK Forum

1. 

   mezelle
   

   Juniormedlem
   Joined: mar '08
   Posts:

   Reputation:

    

   Jeg har endelig fundet et design som jeg mener at kunne bruge som base for at få min side til at se ud som jeg ønsker den.

   Som første ændring ville jeg gerne have datoen til at stå i en lille boks foran overskriften. Jeg har fundet "Collage For WordPress" af http://grabatheme.com som jeg ville tage udgangspunkt i. Jeg mener også at have fundet den den af stylesheet´et som jeg skal bruge hertil (se herunder). Men nu ved jeg ikke hvordan jeg får implementeret den del i mit nuværende style? Jeg kan jo sagtens overføre det her style. Men temaet skal jo have en besked om at bruge den her style et sted fra?

   Hvordan gør jeg det?

   /*------------------------------------------------------ */
   /* Le contenu */
   /*------------------------------------------------------ */

   .day-date {
   width:65px;
   height:39px;
   padding:2px 0;
   position:absolute;
   margin: 5px 0 0 0;
   background: transparent url(images/date.gif) no-repeat;
   text-align:center;
   }
   .day {
   display:block;
   color: #fff;
   padding:0;
   margin:0;
   font-size: 1.6em;
   }
   .month {
   font-size:1em;
   display:block;
   color: #fff;
   margin-top:-5px;
   padding:0;
   }

   .post-title{
   color: #15759B;
   background: transparent;
   padding: 0 0 0 40px; margin: 0;
   }

   .post-title a, .post-title a:visited{
   color: #15759B;
   background: transparent;
   text-decoration: none;
   }

   .post-info{
   padding: 2px 0 10px 40px; margin: 0;
   color: #15759B;
   font-size: 0.8em;
   line-height: 1.3em;
   background: transparent;
   /*border-bottom: 1px solid #FC0;*/
   }

   .post-info a{
   color: #15759B;
   background: transparent;
   text-decoration: underline;
   }

   .post-content, .post-info-co{
   font-size: 11px;
   text-align: justify;
   margin: 0 0 0 10px;
   }

   .post-content a {
   padding: 0 18px 0 0;
   background: transparent url(images/link.gif) no-repeat right top;
   }

   .post-content blockquote{
   font-family: Georgia, serif;
   font-style: italic;
   }

   .post-info-co{
   text-align: right;
   }

   .mini-footer{
   clear: both;
   }

   /*------------------------------------------------------ */

   Skrevet 14 years siden #
2. 

   jacobask
   

   Supermedlem
   Joined: jan '08
   Posts:

   Reputation:

    

   Du bliver nødt til at udspecificere det lidt mere (har du ikke et link til den side du skal have ændret på?).

   Som jeg kan se (efter at have ledt lidt efter "collage for wordpress") ser det da ud til at det tema (hvis det da ellers er det samme vi snakker om) har datoen stående i en kasse til højre for overskriften!

   Hvis du kommer med et link til din side, er der ingen grund til at copy-paste dit style-sheet ind i dine indlæg - det gavner alligevel ikke det helt store, da det er meget nemmere bare at se det på siden.

   Mvh
   Jacob Ask

   Skrevet 14 years siden #
3. 

   mezelle
   

   Juniormedlem
   Joined: mar '08
   Posts:

   Reputation:

    

   Dejligt med så hurtig respons. Tusind tak :)

   Min hjemmeside er http://www.mezelle.dk.

   Det stylesheet der er copy-pastet ind, er fra dét tema som jeg gerne ville have datoboksen fra ("collage"). Eller i hvert fald skal det stå sådan nogenlunde. Jeg har så tænkt mig at rette lidt på den, så jeg ender ud med noget i stil med det du ser til højre på billedet her: http://www.mezelle.dk/screenshot.jpg

   Jeg har lidt erfaring med såvel html som stylesheets. Men så ved jeg heller ikke ret meget mere... Og nok fordi der kommer php med ind i spillet når jeg roder med temaer, render jeg panden imod en mur. Tror jeg da...

   Jeg håber at du kan hjælpe mig på vej...

   Mvh., Mette Skov

   Skrevet 14 years siden #
4. 

   jacobask
   

   Supermedlem
   Joined: jan '08
   Posts:

   Reputation:

    

   Du skal faktisk "bare" have sat en <?php the_time(j M);?> ind foran din overskrift.

   Denne skal så nok pakkes ind i en div, så du kan style den uafhængigt af overskriftern. Dvs du ender i noget ala:
   
<div class="entry">
<div class="dato"> <?php the_time(j M); ?> </div>
<h2> Overskrift </h2>
<span> skrevet af..... </span>
</div>

   Du kan så style din "dato" klasse i css'en således:
   
div.dato {
border-right: nogle blå prikker;
width: lidt bredde;
.... andre style-ting;
}

   Så skal du måske efterfølgende have rettet lidt i din h2 (så den ligger sig ved siden af "dato".

   Mvh
   Jacob Ask

   Skrevet 14 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.