Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Css/html blogg-hjälp - genomskinligt

Skapad av Borttagen, 2010-09-30 16:13 i Webbutveckling & Programmering

1 955
2 inlägg
0 poäng
Unnamed
Visningsbild
P 33 Luleå Hjälte 640 inlägg
2010-09-30 16:13
0
Har en blogg som för nuvarande ser ut såhär:
http://www.sourzu.blogspot.com
och jag vill att det ska e ut ungefär såhär
Forum image
(+ en banner jag sedan gör)

Har problem med att stoppa ihop koderna, förstår ingenting.

Här är källkoden till min nuvarande blogg
Visa spoiler
<html>
<head>
<title>“Another word for creativity is courage”</title>

<style type="text/css">
body {
background: #000000;
background: url( http://i55.tinypic.com/2mhg8et.jpg) repeat fixed;
font-family: verdana;
font-size: 8pt;
letter-spacing: 1px;
color: #E6E6E6;
}

a:link, a:visited, a:active {
text-decoration: none;
color: #FF6EAD;
font-weight: bolder;
border-bottom: 1px solid #000000;
}

a:hover {
text-decoration: none;
border-bottom: 1px solid #D0085F;
color: #FFFFFF;
font-weight: bolder;
}

a.side {
text-decoration: none;
background: #353535;
color: #E6E6E6;
font-weight: bolder;
padding: 3px;
width: 190px;
disply: block;
}


a.side {
font-weight:none;
text-decoration:none;
display:block;
color:#E6E6E6;
background-color:#353535;
padding:2;
}

a.side:hover {
font-weight:none;
text-decoration:none;
color:#848484;
background-color: #5A5A5A;
}

table{
font-family: verdana;
font-size: 8pt;
letter-spacing: 1px;
color: #E6E6E6;
}

.sidebar {
font-family: verdana;
border-left: 1px dashed #00a7b1;
width: 200px;
padding-left: 10px;
}

.blog {
padding: 5px;
}

.date {
font-family: verdana;
text-transform: uppercase;
font-size: 7pt;
color: #CDCDCD;
}

.ptitle {
font-family: verdana;
font-size: 17pt;
letter-spacing: 2px;
border-bottom: 1px solid #00a7b1;
}

.stitle {
font-family: times new roman;
font-size: 15pt;
border-bottom: 1px solid #00a7b1;
}

b, strong {
color: #00bcc8;
}

i, em {
color: #79c0e8;
}

u {
text-decoration: none;
border-bottom: 1px dashed #90ebfc;
color: #40c8e5;
}

blockquote {
padding: 10px;
border: 1px solid #373737;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background: #494949;
}

</style>
</head>
<noembed><body></noembed>

<br><br><br><br><br>

<div align='center'>
<div style='width: 803px; background-color: #292929; padding: 5px;'>
<img src=" http://imgur.com/wn6RV.jpg">
<br>

<div align='left'>
<table width='800px'>
<tr>
<td valign='top'>
<div align="justify">
<div class="blog">

<Blogger>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$ ></BlogDateHeader>; <$BlogItemDateTime$></div>
<div class="ptitle"> <$BlogItemTitle$></div><br />
<$BlogItemBody$>
<br><br>
</Blogger>
</div></div>

<td valign='top' class='sidebar'>
<div class="stitle"><b>A</b>bout <b>M</b>e</div>
My name is <b>Emil</b>.<br>
I'm 19 years old.<br>
I live in Luleå, <b>Sweden</b>.<br>
My interests are graphics, photography and motion graphics<br>
<i>and that's the main focus for my blog</i>.
<br>
<br>



<div class="stitle"><b>A</b>rchive</div>
<BloggerArchives>
<a class="side">'><$BlogArchiveName$></a>
</BloggerArchives>
<br>


</body>
</html>


här är en fungerande layout jag vill ha. Men jag vill ha så jag kan ha banner + all info jag hade på förra sidan, det med bloggarkivet osv.

Visa spoiler
<html>

<head>

<style type="text/css">

body, div, h1, p {
margin: 0;
padding: 0;
}

body {
background: url(" http://i55.tinypic.com/2mhg8et.jpg") fixed no-repeat center center;
}

#wrapper {
position: relative;
width: 960px;
margin: 60px auto;
border-radius: 3px; -moz-border-radius: 3px;
}
#wrapper > div:first-child {
position: absolute;
z-index: 0;
width: 954px;
height: 100%;
border: 3px solid #fff;
opacity: .1;
border-radius: 3px; -moz-border-radius: 3px;
}
#wrapper > div:nth-child(2) {
position: absolute;
z-index: 0;
background-color: #000;
opacity: .8;
width: 954px;
height: 100%;
margin: 3px;
}

#content {
position: relative;
z-index: 1;
width: 914px;
padding: 13px 23px;
}

h1, p {
font-family: arial;
color: #fff;
}

h1 {
font-size: 20px;
}

p {
font-size: 14px;
}

</style>

</head>

<body>

<div id="wrapper">
<div></div> <!-- frame -->
<div></div> <!-- background -->
<div id="content">
<h1>Placeholder</h1>
<p>Placeholder</p>
<p>Placeholder</p>
<p>Placeholder</p>
<p>Placeholder</p>
</div>
</div>

</body>

</html>


Någon som har lust att hjälpa?
Direktlänk Svara på inlägg Gästbok
Skicka

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Unnamed
Visningsbild
P 33 Luleå Hjälte 640 inlägg
Trådskapare
2010-09-30 16:42
0
Har brazzer konto att erbjuda och har kunskaper i grafik och rörlig grafik om någon vill "byta hjälp" eller whatever ._.
Direktlänk Svara på inlägg Gästbok
Skicka

Forum » Datorer & IT » Webbutveckling & Programmering » Css/html blogg-hjälp - genomskinligt

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Rubrik

Inlägg

Fet Kursiv Spoiler Bild Film Kod Undersökning

Förhandsgranska Spara

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons