Toon posts:

HTML noob

Pagina: 1
Acties:
  • 56 views sinds 30-01-2008

zaterdag 17 maart 2007 00:27

Acties:

Verwijderd

Topicstarter
Oke ik heb een weblog via blogger.com
Nou doe ik dat met een vriendin en allebei posten we. Nou willen we alleen dat aan het eind van elke post komt te staan door wie het geschreven is. Hoe zet je dat neer?

Hieronder staat de html van de blog:



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Thisaway
Designer: Dan Rubin
URL: www.superfluousbanter.org
Date: 29 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="textColor" description="Text Color"
type="color" default="#634320" value="#634320">
<Variable name="blogTitleColor" description="Blog Title Color"
type="color" default="#fef6ee" value="#634320">
<Variable name="blogDescriptionColor" description="Blog Description Color"
type="color" default="#fef6ee" value="#fef6ee">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#ba8247" value="#ba8247">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#c8ab8f" value="#c8ab8f">
<Variable name="sidebarHeaderColor" description="Sidebar Title Color"
type="color" default="#bd9e80" value="#bd9e80">
<Variable name="mainLinkColor" description="Link Color"
type="color" default="#bf4e27" value="#bf4e27">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#8f3213" value="#8f3213">
<Variable name="sidebarLinkColor" description="Sidebar Link Color"
type="color" default="#e2a059" value="#e2a059">
<Variable name="sidebarVisitedLinkColor"
description="Sidebar Visited Link Color"
type="color" default="#ba742a" value="#ba742a">

<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font"
type="font"
default="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 100% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font"
type="font"
default="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal bold 200% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
<Variable name="blogDescriptionFont" description="Blog Description Font"
type="font"
default="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif" value="normal normal 80% Helvetica,Arial,Verdana,'Trebuchet MS', Sans-serif">
*/

/* global
----------------------------------------------- */
body {
margin: 0;
text-align: center;
min-width: 760px;
background:#fff url("http://bp0.blogger.com/_q6Xr9Fq2JYI/RffgHvN9V_I/AAAAAAAAABc/1ykw__tEgtc/s1600/oase.jpg") no-repeat right bottom;
background-attachment:fixed;
color: $textColor;
font-size: small;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #f7e8d8;
border-right: 6px solid #f7e8d8;
color: $postTitleColor;
}

code {
color: $postTitleColor;
}

hr {
display: none;
}


/* layout
----------------------------------------------- */
#outer-wrapper {
margin: 0 auto;
width: 760px;
text-align: left;
font: $bodyFont;
}

#header-wrapper {
padding-bottom: 15px;
background: url(http://www.blogblog.com/thisaway/bg_header_bottom.gif) no-repeat left bottom;
}

#header {
background: #634320 url(http://www.blogblog.com/thisaway/bg_header.gif) repeat-x left bottom;
}

#content-wrapper {
position: relative;
width: 760px;
background: #f7f0e9 url(http://www.blogblog.com/thisaway/bg_main_wrapper.gif) repeat-y left top;
}

#main-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: left;
margin: 0 0 0 3px;
padding: 0;
width: 483px;
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 */
}

#main {
padding: 22px 8px 0 8px;
background: url(http://www.blogblog.com/thisaway/bg_content.gif) repeat-x left top;
}

.post {
margin: 0 8px 14px 21px;
padding: 0;
border-bottom: 3px solid #f7e8d8;
}

#comments {
margin: 0 16px 14px 29px;
padding: 10px;
border: 1px solid #f0e0ce;
background-color: #f5ede4;
}

#sidebar-wrapper {
display: inline; /* fixes a strange ie margin bug */
float: right;
margin: 0 3px 0 0;
width: 269px;
color: $textColor;
line-height: 1.4em;
font-size: 90%;
background: url(http://www.blogblog.com/thisaway/bg_sidebar.gif) repeat-x left 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 */
}

#sidebar {
padding: 7px 11px 0 14px;
background: url(http://www.blogblog.com/thisaway/bg_sidebar_arrow.gif) repeat-y 179px 0;
}

#sidebar .widget {
margin-bottom: 20px;
}


#footer-wrapper {
padding-top: 15px;
background: url(http://www.blogblog.com/thisaway/bg_footer_top.gif) no-repeat left top;
clear: both;
}

#footer {
background: #493015 url(http://www.blogblog.com/thisaway/bg_footer.gif) repeat-x left top;
text-align: center;
min-height: 2em;
}

/* headings
----------------------------------------------- */

#header h1 {
margin: 0;
padding: 210px 0 0 500px;
background: url("http://bp0.blogger.com/_q6Xr9Fq2JYI/RffZmvN9V9I/AAAAAAAAABM/HxqLBAuRZAY/s1600/auto4.jpg") no-repeat center;16px 26px;
}

h2.date-header {
margin: 0;
padding: 0 0 0 29px;
text-transform: uppercase;
color: $dateHeaderColor;
background: url(http://www.blogblog.com/thisaway/icon_date.gif) no-repeat 13px 0;
font-size: 80%;
font-weight: normal;
}

.date-header span {
margin: 0 0 0 5px;
padding: 0 25px 0 25px;
background: url(http://www.blogblog.com/thisaway/bg_date.gif) no-repeat 0 0;
}

.sidebar h2 {
padding: 1px 0 0 36px;
color: $sidebarHeaderColor;
background: url(http://www.blogblog.com/thisaway/icon_sidebar_heading.gif) no-repeat 0 45%;
font: $headerFont;
}

.sidebar .Profile h2 {
color: #957252;
background: url(http://www.blogblog.com/t...idebar_profileheading.gif) no-repeat 0 45%;
}

.post h3 {
margin: 13px 0 13px 0;
padding: 0;
color: $postTitleColor;
font-size: 140%;
}

.post h3 a, .post h3 a:visited {
color: $postTitleColor;
}

#comments h4 {
margin-top: 0;
font-size: 120%;
}


/* text
----------------------------------------------- */

#header h1 {
color: $blogTitleColor;
font: $pageTitleFont;
}

#header .description {
margin: 0;
padding: 7px 16px 0 84px;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
}

.post-body p {
line-height: 1.4em;
/* Fix bug in IE5/Win with italics in posts */
margin: 0;
height: 1%;
overflow: visible;
}

.post-footer {
font-size: 80%;
color: $dateHeaderColor;
}

.uncustomized-post-template .post-footer {
text-align: right;
}

.uncustomized-post-template .post-footer .post-author,
.uncustomized-post-template .post-footer .post-timestamp {
display: block;
float: left;
text-align: left;
margin-right: 4px;
}

p.comment-author {
font-size: 83%;
}

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

.comment-body p {
line-height: 1.4em;
}

.feed-links {
clear: both;
line-height: 2.5em;
margin-bottom: 0.5em;
margin-left: 29px;
}

#footer .widget {
margin: 0;
padding: 0 0 15px 55px;
color: #fef6ee;
font-size: 90%;
line-height: 1.4em;
background: url(http://www.blogblog.com/thisaway/icon_footer.gif) no-repeat 16px 0;
}


/* lists
----------------------------------------------- */

.post ul {
padding-left: 32px;
list-style-type: none;
line-height: 1.4em;
}

.post li {
padding: 0 0 4px 17px;
background: url(http://www.blogblog.com/thisaway/icon_list_item.gif) no-repeat 0 3px;
}

#comments ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#comments li {
padding: 0 0 1px 17px;
background: url(http://www.blogblog.com/thisaway/icon_comment.gif) no-repeat 0 3px;
}

.sidebar ul {
padding: 0;
list-style-type: none;
line-height: 1.2em;
margin-left: 0;
}

.sidebar li {
padding: 0 0 4px 17px;
background: url(http://www.blogblog.com/thisaway/icon_list_item.gif) no-repeat 0 3px;
}

#blog-pager-newer-link {
float: left;
margin-left: 29px;
}

#blog-pager-older-link {
float: right;
margin-right: 16px;
}

#blog-pager {
text-align: center;
}

/* links
----------------------------------------------- */
a {
color: $mainLinkColor;
font-weight: bold;
}

a:hover {
color: $mainVisitedLinkColor;
}

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
background/* */:/**/url(http://www.blogblog.com/thisaway/icon_comment.gif) no-repeat 0 45%;
padding-left: 14px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
background: url(http://www.blogblog.com/thisaway/icon_comment.gif) no-repeat 0 45%;
padding-left: 14px;
}

.sidebar a {
color: $sidebarLinkColor;
}

.sidebar a:hover {
color: $sidebarVisitedLinkColor;
}


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

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

.post h3 a {
text-decoration: none;
}

a img {
border-width: 0;
}

.clear {
clear: both;
line-height: 0;
height: 0;
}

.profile-textblock {
clear: both;
margin-bottom: 10px;
margin-left: 0;
}

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 3px;
border: 1px solid #ebd4bd;
}

.profile-link {
padding: 0 0 0 17px;
background: url(http://www.blogblog.com/thisaway_blue/icon_profile.gif) no-repeat 0 0;
}

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar {
padding: 0;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='wereldreizigers (Kop)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blogberichten' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Text2' locked='false' title='Waar zijn wij nu?' type='Text'/>
<b:widget id='Text1' locked='false' title='Even voorstellen.' type='Text'/>
<b:widget id='Label1' locked='false' title='Categorie' type='Label'/>
</b:section>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> <!-- end outer-wrapper -->
</body>
</html>

zaterdag 17 maart 2007 00:34

Acties:
  • NMe
  • Registratie: Februari 2004
  • Laatst online: 20-11 11:59

NMe

Quia Ego Sic Dico.

Sorry, maar zo werkt het hier niet. :) Het is in Programming niet de bedoeling dat je even je gehele code dumpt en zegt "los mijn probleem even op", zonder dat je daarbij zelfs maar aangeeft wat je zelf al geprobeerd hebt om tot een oplossing te komen. Lees voor meer informatie hierover de Programming FAQ - Het FAQ/Beleid topic eens door, en dan met name Programming Beleid - De "quickstart". Je kunt daarin lezen wat we hier dan wél van een topicstart verwachten.

Daarnaast hoort je topic ook nog eens niet hier, maar in Webdesign, Markup & Clientside Scripting, zoals je ook in Waar hoort mijn topic? had kunnen lezen. HTML is volledig clientside webdevelopment, en dat hoort dus bij de buren. ;)

Verder interessant leesvoer:
  • *** Over topictitels in PRG - lezen voor topic openen!!! ***: je topictitel is het visitekaartje van je topic. Een slechte titel zorgt ervoor dat je topic minder bekeken wordt door de mensen die verstand van je probleem hebben. Zorg voor een goede titel, en je hebt veel eerder een bruikbaar antwoord. :)
  • Hoe post je code? / Hoe gebruik je de code tag?: je kan je wellicht voorstellen dat code vervelend leest als die niet goed uitgelijnd is en niet met een monospace lettertype weergegeven wordt. Bovendien leest code makkelijker als er kleurtjes worden gebruikt voor de verschillende bouwstenen van de code door middel van onze syntax highlighter. Gebruik de volgende keer [code]-tags als je code wil posten. :)

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.

Dit topic is gesloten.

Apple iPhone 17 LG OLED evo G5 Google Pixel 10 Samsung Galaxy S25 Star Wars: Outlaws Nintendo Switch 2 Apple AirPods Pro (2e generatie) Sony PlayStation 5 Pro

Tweakers is onderdeel van DPG Media B.V.
Alle rechten voorbehouden - Auteursrecht © 1998 - 2025 • Hosting door TrueFullstaq