webForumDet fria alternativet

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

HTML & CSS

4 svar · 453 visningar · startad av pinkrose

Medlem sedan okt. 200523 inlägg
Frågan#1

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;
}
Medlem sedan juli 20013 378 inlägg
#2

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

Medlem sedan okt. 200523 inlägg
#3

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.

Medlem sedan dec. 20042 245 inlägg
#4

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

Medlem sedan okt. 200523 inlägg
#5

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 :)

275 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
142 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)