webForumDet fria alternativet

CSS hjälp önskas !! Alla dagboksinlägg i en månad på samma sida.

HTML & CSS

5 svar · 341 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 så hamnar varje dagboksinlägg på en egen sida.
Jag skulle istället velat att alla dagboksinlägg i en månad
ska hamna efter varandra på en sida .

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:verdana}
#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..

Det gör du inte - CSS kan bara dölja saker - inte lägga till, och din layoutsida skapar exakt ett inlägg per dagboksinlägg som det ser ut "utifrån" !

Du måste kolla om det går att ändra inställningarna i din blogg (eller din layoutpage) så att en månad åt gången genereras på samma sida. (kan inte hjälpa dig där eftersom bioblog har lösenskyddat alla instruktioner så att jag inte kommer åt dem ;) )

Lycka till!

Medlem sedan okt. 200523 inlägg
#3

Ok har ändrat layout läge inne på Bioblog sidan.
Nu hamnar alla dagboksinlägg efter varandra på samma sida.

MEN nu har jag förlorat kalendern som jag vill ha längst upp i mitten. Istället har jag fått en arkiv lista och den vill jag ha bort.
Hur fixar jag detta ?

Bort med arkiv listan och dit med kalendern (centrerad)

Kolla min CSS kod (längst upp på denna sidan)

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

Medlem sedan juli 20013 378 inlägg
#4

pinkrose skrev:

Bort med arkiv listan och dit med kalendern (centrerad)

Hmm..

Det enda som finns i HTML-koden just nu är arkivlistan, så du får försöka klura ut hur du kan ställa in ditt bloggverktyg till att lägga in HTML-kod för kalendern istället för HTML-koden för arkivlistan är jag rädd...

... och som sagt - hur du gör det kan du bara få fram ur Bioblogs lösenordsskyddade dokumentation

Man kan inte lägga till HTML-kod som inte redan finns i dokumentet med hjälp av enbart CSS - Bara dölja eller förändra utseendet på det som redan finns i HTML-koden.

Medlem sedan okt. 200523 inlägg
#5

jarvklo skrev:

... och som sagt - hur du gör det kan du bara få fram ur Bioblogs lösenordsskyddade dokumentation

Vill du se hur BioBlog fungerar?
Logga in på test kontot med infon nedan och navigera runt själv.

ID: test

Lösen: secret

Medlem sedan juli 20013 378 inlägg
#6

Njae - helst inte, jag har nog av att hålla koll på de blogg- och CMS-system jag kör själv men OK... Vänta lite... :)

...
...
...
...
...

Hmm.. - vad jag kan se kan du inte påverka koden som kommer ut ut BioBlog annat än genom att välja mellan några fast inprogrammerade alternativ - och eftersom de inte har med alternativet "kalender och hela månadens inlägg" är det nog inte mycket du kan göra (om du inte kan kontakta dem och övertyga dem om att det du vill ha är en bra idé förståss ;) ).

Kolla om du inte kan byta till Blogger eller något annat mer konfigurerbart bloggverktygsalternativ...
Tips på flera sådana (både gratis med reklam och utan samt betalalternativ) finns bl.a. på: http://www.bloggportalen.se/lankar.html

262 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
121 ms — ändringar (db)