---
title: "Ta bort arkiv och lägga till kalender genom CSS kodning."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/137211-ta-bort-arkiv-och-lägga-till-kalender-genom-css-kodning"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "pinkrose"
published: "2005-11-08T18:57:30.000Z"
updated: "2005-11-09T20:00:11.000Z"
replies: 4
views: 465
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/137211-ta-bort-arkiv-och-lägga-till-kalender-genom-css-kodning"
---

# Ta bort arkiv och lägga till kalender genom CSS kodning.

## #1 — pinkrose, 2005-11-08T18:57Z

Jag har en blogg genom bioblog och för att
kunna ändra layouten på min blogg använder jag mig
av en egen CSS .

Just nu får jag upp en arkiv lista längst upp
där vill jag istället ha en kalender.

Det gick inte att fixa innan eftersom kalendern
inte fanns i html-koden, 
nu har jag iallafall varit i kontakt med ägaren till bioblog
och han har lagt till kalendern.
Så nu ska de gå och fixa.

Så nu behöver jag hjälp med att ta bort arkiv och istället
lägga till kalendern.

Hur fixar jag detta med hjälp av CSS ??

För att se bloggen jag pratar om gå till :
<http://www.pinkrose.se>
Klicka på Diary -\> Diary

Min CSS kod ser ut så här :

```
body { 
scrollbar-face-color: #EBD2F0;
scrollbar-shadow-color: #EBD2F0;
scrollbar-highlight-color: #EBD2F0;
scrollbar-3dlight-color: #EBD2F0;
scrollbar-darkshadow-color: #9B3AAF;
scrollbar-track-color: #EBD2F0;
scrollbar-arrow-color: #000000;

} 
BODY {CURSOR : URL("http://pink-baby.com/copyright/cursor/cursor13.ani")}

input, button, select {font-family: Tahoma, Verdana, Arial;
font-size: 11px;
background-color: #ffffff;
border: 1px solid #000000;
padding: 1px 3px;
height:18px
}

.formular {  
color: #000000;
font-family: Tahoma, verdana, arial; 
font-weight:bold; 
font-size:11px;
letter-spacing: 1px;
}

.message
{
 COLOR:#000000;
}

.comment
{
 COLOR:#000000;
}
.TextField
{

    BORDER: #000000 1px solid;

 COLOR:#000000;
    FONT-SIZE:8pt;
 BACKGROUND-COLOR:#ffffff;
 FONT-FAMILY:Tahoma, Verdana, Geneva, Arial, Sans-serif;
}
.Button
{

    BORDER: #000000 1px solid;

 COLOR:#000000;
    FONT-SIZE:8pt;
 BACKGROUND-COLOR:#ffffff;
 FONT-FAMILY:Tahoma, Verdana, Geneva, Arial, Sans-serif;
 FONT-WEIGHT:bolder;
}
.headline
{
 FONT-SIZE:10pt;
}

a:link { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:visited { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:active { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:hover {color: #000000;text-decoration:underline overline; background:#ffffff; position: relative; left: 1px; top: 1px;}

body { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;text-align:center} 
p,br { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
li{ font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
table{ font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
td { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;}
tr { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;}
h1 { width: 360px; height: 160px; background: url(diarystar1.jpg) no-repeat; color: #EBD2F0;
h1 span { display: none; }
font-family: Tahoma, verdana, arial;
font-weight: bold;
font-size:13px;
font-variant:small-caps;
letter-spacing: 2px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
padding-left: 4%}
h2{
background:url("http://www.pinkrose.se/dagbokstyle/vit.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal;
font-size:12px;
font-style:italic;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%}
h3{
background:url("http://www.pinkrose.se/dagbokstyle/lilaljus.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal;
font-variant:small-caps;
font-size:12px;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%}

h4{
background:url("http://www.pinkrose.se/dagbokstyle/vit.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal; 
font-size:12px;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%;
   border: 1px dashed #000000;
}
body { 
color: #000000; 
background: #EBD2F0; 
margin: 0px; 
}

#title{margin-top:15px}
.text{font-family:tahoma}
#page{margin-left:12px}

#cal {
width: 156px;
margin: 0 auto;
}

#msgTable table {
width: 300px;
margin: 0 auto;
}

.headline .date {
display: none;
}

#recentEntries {
display: none;
}
```

Permalänk: https://www.webforum.nu/p/137211

## #2 — jarvklo, 2005-11-08T21:13Z

Hmm..

Eftersom jag var inne och kollade häromdan när vi diskuterade det här senast så kan jag väl "dra det i mål" också :)

1) Välj antingen "Deluxe Div" eller "Whole month div" som layout i din "kontrollpanel"
2) Dölj de "block" du inte vill se med CSS-stilen display: none;
Exempel: 

```
#archives {display: none}
```

om du vill ha bort arkivet (dvs dölja det)  om du valtlayouten "Whole Month Div" med hjälp av CSS.

Lycka till! :bire

Permalänk: https://www.webforum.nu/p/1704000

## #3 — pinkrose, 2005-11-08T21:23Z

Jag valde "Whole month div" som layout.
Sen skrev jag in koden :

\#archives {display: none;}

Men sen sket de sig.
Enligt en vän så kan jag inte få fram kalendern
pågrund av koden :

\#recentEntries {display: none;}

Eftersom kalendern \<div id="cal"\> ligger innanför \<div id="recentEntries"\>

Så antingen får jag be dom på bioblog ändra de 
eller så får jag ta bort koden #recentEntries och 
då stå ut med att det kommer upp en lista på de senaste inläggen.

Permalänk: https://www.webforum.nu/p/1704006

## #4 — zcorpan, 2005-11-08T22:15Z

Du kan väl dölja listan för sig?

Permalänk: https://www.webforum.nu/p/1704032

## #5 — pinkrose, 2005-11-09T20:00Z

Nä de va ett bug fel .... jag kontaktade dom på bioblog så dom fixade de.
Så nu e äntligen allt som jag vill ha de :)

Permalänk: https://www.webforum.nu/p/1704492

---

Tråden på webben: https://www.webforum.nu/amne/html-css/137211-ta-bort-arkiv-och-lägga-till-kalender-genom-css-kodning