Noen som kan med HTML?

D

Deez

Glad i forumet
Hvordan forandrer man bakrunndbildet øverst i bloggen? Bloggen er jo en mal man velger. Men man kan vell redigere den som man vil om man kan redigere HTML?

Jeg vil forandre bagrunns bildet overst. Noen som kan hjelpe meg?
Har blogg hos blogspot.com
 
jeg har peiling på HTML, en del vertfall.. men mista litt oversikt over blogger.com, men hadde du hatt Blogg.no skulle ejg hjulpet deg ! [8D]
 
Lenke til bloggen din? Så kan jeg lede deg igjennom prosessen :)
 
Hos blogspot kan du bare gå på tilpass og rediger header der. Bare å laste opp den du vil ha.

Om det er bredden du vil forandre, så har jeg gjort det noen ganger nå..men husker jo ikke kodene i hode [8D]
 
ORIGINAL: Candykikk

jeg har peiling på HTML, en del vertfall.. men mista litt oversikt over blogger.com, men hadde du hatt Blogg.no skulle ejg hjulpet deg ! [8D]


Jeg har verken i blogger.com eller blogg.no, jeg har i blogspot.com. Men er ikke HTML'en likens?
 
ORIGINAL: Deez

ORIGINAL: Candykikk

jeg har peiling på HTML, en del vertfall.. men mista litt oversikt over blogger.com, men hadde du hatt Blogg.no skulle ejg hjulpet deg ! [8D]


Jeg har verken i blogger.com eller blogg.no, jeg har i blogspot.com. Men er ikke HTML'en likens?


Blogger og blogspot er samma[;)]
 
Gikk inn i HTML'en på min blogg...
Er en linje der ganske langt oppe som er noe tilsvarende dette:

             type="color" default="#336699" value="#336699">
 
Det er den du må endre hvertfall..... men hvordan du f.eks legger inn bilde, vet jeg ikke...
 
ORIGINAL: Nullenusken

Gikk inn i HTML'en på min blogg...
Er en linje der ganske langt oppe som er noe tilsvarende dette:

       type="color" default="#336699" value="#336699">

Det er den du må endre hvertfall..... men hvordan du f.eks legger inn bilde, vet jeg ikke...


Den kodesnutten der setter en farge. Og henter sannsynligvs informasjon ut ifra en *.css fil som er knyttet til siden.

Nettsider og maler er bygget opp forskjellig, og jeg må få se kildekoden på malen du vil bruke før jeg kan hjelpe. Men forøvrig virker kranglefanten sitt forslag enklest :)

Jeg har jobbet en del med nettsteder opp gjennom tidene, som referanse kan jeg bruke AoC fan-siten jeg og min "gjeng" tuller med. Lite oppdatert men [8D]

http://www.mordi.net
 
går på tilpass som du ser i den øverste rekka på bloggen din, og så rediger der overskriften din er, så laster du opp et bilde der som du vil bruke. trykk gjerne på at du kun vil ha bilde uten tekst hvis du har overskrift i bildet ditt.

edit: du trenger ikke å bruke html for å fikse det, var det jeg vil fram til . trøtt jeg tror jeg......[8D]
 
ORIGINAL: OhMyGod!!!

går på tilpass som du ser i den øverste rekka på bloggen din, og så rediger der overskriften din er, så laster du opp et bilde der som du vil bruke. trykk gjerne på at du kun vil ha bilde uten tekst hvis du har overskrift i bildet ditt.

edit: du trenger ikke å bruke html for å fikse det, var det jeg vil fram til . trøtt jeg tror jeg......[8D]


Det går bare å få bilde isteden for tittel. Jeg vil ha tittelen som er og forandre bakgrunnsbildet
 
Dette er HTML'en i bloggen min.




 
   
    <data:blog.pageTitle/>
    Blogger Template Style
Name:     TicTac
Date:     1 March 2004
Updated by: Blogger Team
*/

/* Variable definitions
   ====================

                type="color" default="#333" value="#000000">

                type="color" default="#FFF" value="#FFFFFF">

                type="color" default="#f93" value="#78B749">

                type="color" default="#f63" value="#666666">

                type="color" default="#999" value="#999999">

                type="color" default="#999" value="#999999">

                type="color" default="#666" value="#78B749">

                type="color" default="#69c" value="#78B749">

                type="color" default="#666699" value="#78B749">

                type="font"
             default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">

                type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="italic normal 121% Georgia, Times, serif">

                type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">

                type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">
                type="automatic" default="left" value="left">
                type="automatic" default="right" value="right">
*/

/* ---( page defaults )--- */

body {
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $textcolor;
  background: #e0e0e0;
  }

blockquote {
  margin-top: 0;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 30px;
  padding-top: 10px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url(http://www.blogblog.com/tictac/quotes.gif) no-repeat top $startSide;
  }

blockquote p {
  margin-top: 0;
  }

abbr, acronym {
  cursor: help;
  font-style: normal;
  border-bottom: 1px dotted;
  }

code {
  color: #f63;
  }

hr {
  display: none;
  }

img {
  border: none;
  }

/* unordered list style */

ul {
  list-style: none;
  margin-$startSide: 10px;
  padding: 0;
  }

li {
  list-style: none;
  padding-$startSide: 14px;
  margin-bottom: 3px;
  background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat $startSide 6px;
  }

/* links */

a:link {
  color: $linkcolor;
  }

a:visited {
  color: $visitedlinkcolor;
  }

a:hover {
  color: #693;
  }

a:active {
  color: #cc3333;
  text-decoration: none;
  }

/* ---( layout structure )---*/

#outer-wrapper {
  width: 847px;
  margin: 0px auto 0;
  text-align: $startSide;
  font: $bodyfont;
  background: url(http://www.blogblog.com/tictac/tile_$startSide.gif) repeat-y;
  }

#content-wrapper {
  margin-$startSide: 42px; /* to avoid the border image */
  width: 763px;
  }

#main {
  float: $startSide;
  width: 460px;
  margin-top: 20px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 1em;
  line-height: 1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar {
  float: $endSide;
  width: 259px;
  padding-top: 20px;
  padding-$endSide: 0px;
  padding-bottom: 0;
  padding-$startSide: 0;
  font-size: 85%;
  line-height: 1.4em;
  color: $sidebartextcolor;
  background: url(http://www.blogblog.com/tictac/sidebar_bg.gif) no-repeat $startSide top;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }


/* ---( header and site name )--- */

#header-wrapper {
  margin: 0;
  padding: 0;
  font: $pagetitlefont;
  background: #e0e0e0 url(http://www.blogblog.com/tictac/top_div_$startSide.gif) no-repeat $startSide top;
  }

#header {
  margin: 0;
  padding-top: 25px;
  padding-$endSide: 60px;
  padding-bottom: 35px;
  padding-$startSide: 160px;
  color: $pagetitlecolor;
  background: url(http://www.blogblog.com/tictac/top_h1.gif) no-repeat bottom $startSide;
  }

#header h1 {
  font-size: 200%;
  text-shadow: #81A75B 2px 2px 2px;
 }

#header h1 a {
  text-decoration: none;
  color: $pagetitlecolor;
  }

#header h1 a:hover {
  color: #eee;
  }

/* ---( main column )--- */

h2.date-header {
  margin-top: 0;
  padding-$startSide: 14px;
  font-size: 90%;
  color: $datecolor;
  background: url(http://www.blogblog.com/tictac/date_icon.gif) no-repeat $startSide 50%;
  }

.post h3 {
  margin-top: 0;
  font: $titlefont;
  letter-spacing: -1px;
  color: $titlecolor;
  }

.post {
  margin-top: 0;
  margin-$endSide: 0;
  margin-bottom: 1.5em;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 1.5em;
  padding-$startSide: 14px;
  border-bottom: 1px solid #ddd;
  }

.post h3 a,
.post h3 a:visited {
  color: $titlecolor;
  text-decoration: none;
 }

.post-footer {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 14px;
  font-size: 88%;
  color: $footercolor;
  background: url(http://www.blogblog.com/tictac/tictac_grey.gif) no-repeat $startSide 8px;
  }

.post img {
  padding: 6px;
  border-top: 1px solid #ddd;
  border-$startSide: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-$endSide: 1px solid #c0c0c0;
  }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
 }

#blog-pager-older-link {
  float: $endSide;
 }
 
#blog-pager {  
  text-align: center;
 }

/* comment styles */

#comments {
  padding: 10px 10px 0px 10px;
  font-size: 85%;
  line-height: 1.5em;
  color: #666;
  background: #eee url(http://www.blogblog.com/tictac/comments_curve.gif) no-repeat top $startSide;
  }

#comments h4 {
  margin-top: 20px;
  margin-$endSide: 0;
  margin-bottom: 15px;
  margin-$startSide: 0;
  padding-top: 8px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 40px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #666;
  background: url(http://www.blogblog.com/tictac/bubbles.gif) no-repeat 10px 0;
  height: 29px !important; /* for most browsers */
  height /**/:37px; /* for IE5/Win */
  }
 
#comments ul {
  margin-$startSide: 0;
  }

#comments li {
  background: none;
  padding-$startSide: 0;
  }
 
.comment-body {
  padding-top: 0;
  padding-$endSide: 10px;
  padding-bottom: 0;
  padding-$startSide: 25px;
  background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat 10px 5px;
  }

.comment-body p {
  margin-bottom: 0;
  }

.comment-author {
  margin-top: 4px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 10px;
  padding-bottom: 0;
  padding-$startSide: 60px;
  color: #999;
  background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 44px 2px;
  }

.comment-footer {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
}


.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* ---( sidebar )--- */

.sidebar h2 {
  margin-top: 0;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 25px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 40px;
  font: $sidebarheaderfont;
  color: $sidebarcolor;
  height: 32px;
  background: url(http://www.blogblog.com/tictac/sidebar_icon.gif) no-repeat 10px 15px;
  height: 32px !important; /* for most browsers */
  height /**/:57px; /* for IE5/Win */
  }

.sidebar .widget {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 10px;
  padding-$startSide: 10px;
  border-bottom: 1px solid #ddd;
}

.sidebar li {
  background: url(http://www.blogblog.com/tictac/tictac_green.gif) no-repeat $startSide 5px;
  }

.profile-textblock {
  clear: both;
  margin-$startSide: 0;
}

.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  border: 1px solid #ddd;
  padding: 4px;
}

/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
  clear: both;
  }

#footer-wrapper {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 9px;
  padding-$startSide: 0;
  font-size: 85%;
  color: #ddd;
  background: url(http://www.blogblog.com/tictac/bottom_sill.gif) no-repeat bottom $startSide;
  }

#footer {
  margin: 0;
  padding-top: 20px;
  padding-$endSide: 320px;
  padding-bottom: 20px;
  padding-$startSide: 95px;
  background: url(http://www.blogblog.com/tictac/bottom_sash_$startSide.gif) no-repeat top $startSide;
  }


/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar {
  padding-top: 0;
  margin-top: 0;
}

body#layout #outer-wrapper,
body#layout #content-wrapper {
  width: 740px;
}

body#layout #sidebar {
  margin-$endSide: 0;
  margin-bottom: 1em;
 }

body#layout #header,
body#layout #footer,
body#layout #main {
  padding: 0;
 }

body#layout #content-wrapper {
  margin: 0px;
 }
]]>
 

 
 


   
   

   

     


   

 
   


     

       
     


     

       


     


     

     
     
 


   


   

 


 
Du trenger ikke endre noe i HTML, du går inn på http://www.blogger.com/home , og velger "utforming" under administrere blogger. Da får du frem en layout av bloggen der du kan legge til og redigere på elementene. Du vil endre på "Overskrift" delen. Velg "Rediger", og Skriv det du vil det skal stå under "bloggtittel". Ved bildevalget, velger du bla gjennom og leter frem bildet du vil bruke (dette vet du sannsynligvis hvor ligger på datamaskinen din).

Blogger.com bruker som oftest enkle maler som er veldig fleksible. Det du kan endre i HTML er stort sett tweaking og utforming. Grafikk kan du enkelt legge til som beskrevet over.

ps:
For å få penest resultat, bør bildet du skal ha til header være 740 piksler bredt.
 
Tilpass - Skrift og farge.

Der kan du forandre noe farge greier[;)]
 
You must log in or register to reply here.
Back
Topp