Småhjelp med CSS for blogg.no

Lami · 7. september 2014

Hei.

Trenger litt småhjelp med CSS for bloggen hos blogg.no.

Kunne noen sendt PM så forteller jeg hva jeg lurer på der? Har ikke lyst å legge ut lenke her.

Men kort sagt trenger jeg hjelp med å få større mellomrom mellom innleggtittel og teksten inni.

Takk for all hjelp!

Mr D · 7. september 2014

Er vel bare å bruke margin-bottom på innleggstittel-elementet eller -klasse.

7. september 2014

<h2>Innlegg</h2>

h2 {

margin-bottom: 10px;

}

Lami · 7. september 2014

Det funker ikke

Putter inn det under h2, som er innlegget ja, men skjer ingenting. Det inni innlegget er fortsatt trykket oppi innleggstittelen.

Dere kan se her: http://altomiphone.blogg.no

Trykket oppi. Gjorde jeg overskriften større så ble det bra, men da blir overskriften for stor.

7. september 2014

.entry h2 {

        margin: 0 0 30px 0;

}

Dette skal altså endres på i css filen din.

Endret 7. september 2014 av Bruker-182691

Lami · 7. september 2014

Skal jeg sette inn det i h2?

h2 ser slik ut:

}

h2 {

font-family:helveticaneue-ultralight, 'Wire One';

color:#222222;

text-align:left;

margin-left:40px;

letter-spacing: 1px;

margin-bottom: 70px;

font-size: 40px;

text-shadow: 2px 1px 4px #e6dfe0;

padding-top:0px;

}

Sugerør · 7. september 2014

Er ikke h2 kun overskriften, da? Hva om du tar margin-top på selve entry, eller lignende?

Lami · 7. september 2014

entry er koden belt øverst. Der jeg skal sette inn margin-top? Det funket ihvertfall ikke

Her er hele stilkoden:

@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT);
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);
@import url(http://fonts.googleapis.com/css?family=Wire+One);
.entry {
background-color: #ffffff;
padding:0px;
width:800px;
padding-bottom:50px;
}
.content {
background-color: #transparent;
padding:0px;
width: 800px;
}
#body {
background-color:#transparent;
font-family:calibri, arial, times;
color: #333333;
padding-left:30px;
}
#doc2 {
position: relative;
bottom: 0px;
background-color: #transparent;
width:1070px;
height: 100%;
overflow: visible;
}
html {
margin: 10 auto;
align: center;
background-color: #transparent;
}
#header {
background-image: url('');
height: 383px;
width: 1017px;
margin-bottom:0px;
border-top:0px Solid #cccccc;
border-left: 0px solid #cccccc;
border-right:0px solid #cccccc;
margin-left:11px;
}
#wrapper {
clear: none;
margin-left: 10px;
width: 1060px;
background-color: #transparent;
padding:0px;
}
#main {
background-color: #transparent;
width: 800px;
font-size: 10pt;
padding: 0px;
margin-top:-19px;
}
img{
max-width:800px;
}
#side {
width: 220px;
background-color: #transparent;
margin-top:-0px;
padding: 0px;
font-size: 15pt;
font-family:Times;
font-style: italic;
color: #555555;
margin-left:0px;
text-align:left;
}
#footer {
background-color: #f1f1f1;
border: 1px solid #cccccc;
width: auto;
margin-left:10px;
}
a { color: #555555}
a:link { color: #555555}
a:visited { color: #555555}
a:hover {color: #868686;}
a:active { color: #555555}
h1, h2, h3, h4, h5 { font-family: Georgia, Geneva, sans-serif; }
#header h1, #header p { display:none }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }
h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #333333; }
h5 a, h5 a:link, h5 a:visited, h5 a:active { text-decoration: none; color: #555555; }
h8 a, h8 a:link, h8 a:visited, h8 a:active { text-decoration: none; color: #555555; }
h4 a, h4 a:link, h4 a:visited, h4 a:active { text-decoration: none; color: #868686; }
#side a:visited { text-decoration: none; color: #cccccc; }
.content a:link,.content a:visited,.content a:active { color: #555555;}
#boxinaanjuta6 a:link, #boxinaanjuta6 a:visited,#boxinaanjuta6 a:active {color: #333333; }
#boxinaanjuta6 a:hover {color: #cccccc;}
.entry .meta a:link, .entry .meta a:visited, .entry .meta a:active {color: #333333; }
.entry .meta a:hover {color: #cccccc;}
.content a:hover {color: #f1f1f1;}
a:hover img {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
h2 a:hover {color: #868686;}
h1 {
font-family:Courier New,courier, Arial, Helvetica, sans-serif;
color: #cccccc;
}
h2 {
font-family:helveticaneue-ultralight, 'Wire One';
color:#222222;
text-align:left;
margin-left:40px;
letter-spacing: 1px;
margin-bottom: 70px;
font-size: 40px;
text-shadow: 2px 1px 4px #e6dfe0;
padding-top:0px;
}
h3 {
font-family:helveticaneue-ultralight, 'Wire One';
color:#222222;
background-color:#transparent;
border-bottom:0px dashed #555555;
font-size: 20px;
font-style: normal;
text-align:left;
letter-spacing: 5px;
}
h4 {
font-family: Times, Helvetica, sans-serif;
color: #868686;
letter-spacing: 1px;
text-align:left;
font-size:20px;
padding-left:70px;
}
h5 {
font-family:Times, Arial, Helvetica, sans-serif;
color: #555555;
letter-spacing: 5px;
font-size: 12px;
}
h6 {
font-family:Times, Arial;
color: #989898;
letter-spacing: 0px;
font-size: 22px;
}
h7 {
font-family:helveticaneue-ultralight,'wire one';
color: #555555;
letter-spacing: 2px;
font-size: 11px;
}
h8 {
font-family:helveticaneue-ultralight, 'wire one';
color:#333333;
letter-spacing: 1px;
font-size: 25px;
padding-top:7px;
}
h9 {
font-family:Times;
color: #555555;
letter-spacing: 1px;
font-size: 11px;
}
.entry .meta {
font-family: 'Julius Sans One', Courier New;
color:#333333;
font-size: 8pt;
padding: 10px;
text-align:center;
background-color:#transparent;
border-top:1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#profile a img{
width:220px;
;
margin-top:-3px;
}
#comments h3{
font-size: 20px;
color: #cccccc;
}
#comments h3 a{
color: #cccccc;
font-size: 20px;
}
#comments .owner{
border: 1px solid #cccccc;
background-color: #ffffff;
Width: 760px;
margin-left:20px;
padding: 0px;
margin-bottom: 15px;
-webkit-box-shadow: 0px 0px 3px #cccccc;
-moz-box-shadow: 0px 0px 3px #cccccc;
box-shadow: 0px 0px 3px #cccccc;
}
#comments .owner .content{
background-color:#ffffff;
border-bottom: 0px solid #f1f1f1;
color: #555555;
margin-left: 65px;
padding: 25px;
width:640px;
}
#comments .owner .meta{
background-color:#f1f1f1;
border-bottom: 0px solid #f1f1f1;
color: #555555;
margin-left: 65px;
padding: 25px;
}
#comments .user{
border: 1px solid #cccccc;
background-color: #ffffff;
color: #555555;
Width: 760px;
padding: 0px;
margin-bottom: 15px;
-webkit-box-shadow: 0px 0px 3px #cccccc;
-moz-box-shadow: 0px 0px 3px #cccccc;
box-shadow: 0px 0px 3px #cccccc;
margin-left:20px;
}
#comments .user .content{
background-color:#transparent;
border: 0px solid #cccccc;
color: #555555;
padding: 25px;
margin-left: 65px;
width:640px;
}
/* http://inaanjuta.blogg.no */
#comments .other{
border: 1px solid #cccccc;
background-color: #ffffff;
color: #555555;
Width: 760px;
padding: 0px;
margin-bottom: 15px;
-webkit-box-shadow: 0px 0px 3px #cccccc;
-moz-box-shadow: 0px 0px 3px #cccccc;
box-shadow: 0px 0px 3px #cccccc;
margin-left:20px;
}
#comments .other .content{
background-color:#transparent;
color: #555555;
padding: 25px;
margin-left: 65px;
width:640px;
}
#metainaanjuta {
background-color:#f1f1f1;
padding:10px;
margin-bottom:5px;
border-bottom: 1px dashed #868686;
}
input{
background-color: #ffffff;
border: 1px solid #cccccc;
font-family: tahoma, verdana;
color: #555555;
font-size: 12px;
padding:3px;
-webkit-box-shadow: 0px 0px 3px #cccccc;
-moz-box-shadow: 0px 0px 3px #cccccc;
box-shadow: 0px 0px 3px #cccccc;
margin-left: 0px;
margin-top:-2px;
}
#newcomment textarea{
background-color: #ffffff;
border: 1px solid #cccccc;
font-family: tahoma, verdana;
color: #000000;
font-weight:center;
height:150px;
font-size: 10px;
margin-top:-2px;
-webkit-box-shadow: 0px 0px 3px #cccccc;
-moz-box-shadow: 0px 0px 3px #cccccc;
box-shadow: 0px 0px 3px #cccccc;
margin-left:0px;
}
#comments img.avatar{
background-color: #ffffff;
border:1px solid #868686;
padding:0px;
float:left;
margin-left: 5px;
margin-top: 3px;
margin-right: 9px;
}
#comment_submit {
-webkit-box-shadow: 0px 0px 3px #cccccc;
-moz-box-shadow: 0px 0px 3px #cccccc;
box-shadow: 0px 0px 3px #cccccc;
font-size:20px;
color:#686868;
font-family: helveticaneue-ultralight, 'wire one';
height:50px;
margin-left:0px;
background-color:#f1f1f1;
}
#comment_submit:hover{
background-color:#eaeaea;
color: #868686;
}
h3 {text-shadow: 1px 1px 3px #cccccc;}
}
#boxinaanjuta2{
background-color:#cccccc;
width:220px;
text-align: center;
}
#boxinaanjuta6{
background-color:#eaeaea;
width:10px;
padding:5px;
padding-top:10px;
padding-left:30px;
margin-left:0px;
padding-right:40px;
font-size:40px;
font-family: helveticaneue-ultralight, 'wire one';
}
#boxinaanjuta5 {
background-color: #ffffff;
width:800px;
}
#menyinaanjuta {
font-family: helveticaneue-ultralight, 'wire one';
font-size: 25px;
text-align: center;
width: 1057px;
padding: 18px 0px 18px 0px;
background-color:#ffffff;
margin-left: 11px;
margin-bottom:20px;
border-top:1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#menyinaanjuta a {
background-color: #transparent;
color: #333333;
padding: 10px 90px 10px 90px;
width:20px;
margin: 2px 2px 2px 2px;
}
#menyinaanjuta a:hover {
color: #cccccc;
background-color: #transparent;
}
#boxinaanjuta9 {
margin-left:115px;
margin-top:-70px;
}

Endret 7. september 2014 av Lami

Ozwald · 7. september 2014

Theme ditt er dårlig kodet, du må sette margin-top: 20px; inni .content { } slik:

.content {
background-color: #transparent;
padding:0px;
width: 800px;
margin-top:20px;
}

7. september 2014

Du fikk det til

Lami · 7. september 2014

Se der ja!

Tusen takk

Setter pris på forbedringer

Endret 7. september 2014 av Lami

Sugerør · 7. september 2014

Der ja!

Lami · 29. september 2014

Hei igjen!

Det skal være sånn liker og del knapp på hvert av mine innlegg ifølge kodingen, men jeg ser ingenting til de.

Her er koden for innlegg:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">
<br>
<br>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>${EntryTitle} (${BlogTitle})</title>
<meta name="description" content="${BlogDescription}" />
<script type="text/javascript">var domainName = ".${AppDomain}";</script>
<script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>
<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />
<link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />
<link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<body>
<div id="doc2">
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
<a href="${BlogUrl}">${BlogTitle}</a>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="menyinaanjuta">
<a href="${BlogUrl}">Hjem</a>
<a href="${ProfileUrl}">Add</a>
<a href="URL TIL INNLEGG OM DEG">Om</a>
<a href="URL TIL INNLEGG MED KONTAKT INFO">Kontakt</a>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first">
<br>
<tag:entry>
<div class="entry">
<div id="boxinaanjuta6">
<tag:if test="${EntryCommentCount == 0}">
<a href="${EntryPermaLink}#comment">0</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment">1</a>
<tag:else />
<a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>
</tag:if>
</div>
<a name="a${EntryNum}" id="a${EntryNum}"></a>
<div id="boxinaanjuta9">
<h2>${EntryTitle}</h2>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<center><li>Publisert ${EntryDate}<li><img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>kl.${EntryTime}
<li>
<img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>
Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<li>
<img src="http://img211.imageshack.us/img211/3448/sortprikkikon1.png" width="5" /><li>
<tag:if test="${EntryCommentCount == 0}">
<a href="${EntryPermaLink}#comment">0 Kommentarer</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment">1 Kommentar</a>
<tag:else />
<a href="${EntryPermaLink}#comment">${EntryCommentCount} Kommentarer</a><center>
</tag:if>
</li>
</ul>
</div>
</li>
<li>
</li>
</ul>
<div id="boxinaanjuta5">
<br>
<br>
<tag:if test="${EntryHasTags == 'true'}">
<div class="tags">Stikkord:
<ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>
</tag:if>
<tag:include module="postentry"></tag:include>
</div>
</tag:entry>
<tag:if test="${Comments == 1}">
<a name="comment" id="comment"></a>
<div id="comments">
<tag:commentlist>
<div class="comment ${CommentClass}">
<div id="metainaanjuta">
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
<img class="avatar" src="http://i.blogg.no/60x60/${CommentProfileImageUrl}" alt="" />
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&size=60" alt="" />
</a>
<tag:else />
<img class="avatar" src="http://i.blogg.no/60x60/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&size=60" alt="" />
</tag:if>
</tag:if>
<h8>${CommentAuthorLinkIf}</h8>
</div>
<h9>${CommentDate} kl.${CommentTime}</h9>
<div class="content">${CommentText}</div>
</div>
</tag:commentlist>
<br>
<br>
</div>
<div id="newcomment" class="clearfix">
<br>
<h8>Kommenter her</h8>
<form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
<div id="comment_author_wrapper">
<label for="comment_author">Navn:</label>
<input id="comment_author" type="text" name="author" style="width:414px;" onchange="doChange(this)" value="" maxlength="100" />
</div>
<div>
<div id="comment_authoremail_wrapper">
<label for="comment_authoremail">E-post:</label>
<input id="comment_authoremail" type="text" name="authoremail"style="width:414px;"onchange="doChange(this)" value="" maxlength="100" />
</div>
<div id="comment_authorurl_wrapper">
<label for="comment_authorurl">URL:</label>
<input id="comment_authorurl" type="text" name="authorurl" style="width:414px;" onchange="doChange(this)" value="http://" maxlength="100" />
</div>
<div id="comment_text_wrapper">
<label for="comment_text">Din kommentar:</label>
<textarea id="comment_text" name="comment" style="width:490px; "onchange="doChange(this);" cols="40" rows="10"></textarea>
</div>
<div id="comment_submit_wrapper">
<input type="hidden" name="commentid" value="${CommentID}" />
<input id="comment_submit" class="submit" type="submit" name="submit" style="width:420px;" value="Send kommentar" />
</div>
</div>
</form>
</div>
</tag:if>
</div>
</div>
<div id="side" class="yui-u">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<div id="profile" class="clearfix">
<div>
<a href="${ProfileUrl}" title="${ProfileName}">
<img style="float: center; border: 0;" src="https://www.apple.com/euro/home/k/generic/images/og.jpg">
</div>
<h8><a href="${ProfileUrl}">${ProfileName}</a></h8>
<p>${ProfileDescription}</p>
</div>
</tag:if>
</tag:profile>
<tag:include module="sidebar"></tag:include>
<div>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
</div>
<div>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<div>
<h3>Siste innlegg</h3>
<ul>
<tag:recentlist limit="10">
<li>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</li>
</tag:recentlist>
</ul>
</div>
<div>
<tag:if test="${HasLinks == 'true'}">
<div>
</div>
</tag:if>
<a href="http://altomiphone.blogg.no/"><img src="http://s18.postimg.org/5qxlbhnop/Bilde_til_blogg2.png" alt="bilde"width="169" /></a>
<br>
</div>
</div>
</div>
</div>
<div id="footer" class="yui-gb">
<div class="yui-u first">
<tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen
<tag:if test="${ProfileExists == 'true'}">skrives av ©
<a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt
<a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter
er selv ansvarlig for innhold. Henvendelser kan rettes til
<a href="mailto:[email protected]">[email protected]</a>.</tag:profile>
</div>
<div class="yui-u">
<h4>Arkiv</h4>
<ul>
<tag:archivelist limit="5">
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<div class="yui-u">
<p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>
</div>
</body>
</html>
<br>
<br>

Hva skjer? Hvor er knappene blitt av?! Må være feil i kodingen som gjør at javascripten kræsjer.

Endret 29. september 2014 av Lami

Lami · 6. oktober 2014

Ordnet det over

Men, hvordan får jeg sånn Les mer knapp? De kodene jeg har funnet, virker det som om jeg må legge det inn samtidig som jeg skriver et innlegg? Men finnes det ingen mer permanent som går inn i CSS kodene?

Logg inn

Småhjelp med CSS for blogg.no

Anbefalte innlegg

Lami

Lenke til kommentar

Videoannonse

Mr D

Lenke til kommentar

Gjest Bruker-182691

Lenke til kommentar

Lami

Lenke til kommentar

Gjest Bruker-182691

Lenke til kommentar

Lami

Lenke til kommentar

Sugerør

Lenke til kommentar

Lami

Lenke til kommentar

Ozwald

Lenke til kommentar

Gjest Bruker-182691

Lenke til kommentar

Lami

Lenke til kommentar

Sugerør

Lenke til kommentar

Lami

Lenke til kommentar

Lami

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer