Første community projekt!


#1:     HotBoy77 01/04 - 2011 11:05
Jeg tænkte, for lige at få lidt gang i community og få folk til at snakke med hinanden, at vi kunne have et community projekt kørende.
Så hvad drejer det sig om?
Jeg vil opstille en super simpel hjemmeside template, uden grafiske ting kun en rent struktur template.
Den skal være super let at sætte sig ind i og stille op og den skal indeholde de bedste idéer fra brugerme.
Så jeg starter med en simpel template:
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <title>Indtast din titel her!</title> 
</head> 
<body> 
<!-- Header --> 
    <div id="Header"> 
	    <div id="Banner" style="position:absolute;width:781px;height:125px;z-index:1;" align="left"> 
	    <a href="http://www.mybannermaker.com" target="_blank"><img src="http://i.imgur.com/vkl0M.png" alt='Create your own banner at mybannermaker.com!' border=0 /></a><br>
        </div>
    </div>
	<div id="wrapper" style="position:absolute;top:125px;width:781px;">
<!-- Left menu --> 
    <div id="menu" style="width:157px;float:left;">
	    <h3>LeftMenu</h3>
    </div>
<!-- Content --> 
    <div id="indhold" style="width:580px; float:right;">
	<div id="text" style="margin-left:20px; margin-right:20px;">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet dui id libero ullamcorper eget vestibulum tortor accumsan. Mauris ut sem lorem, eget elementum diam. Quisque tempus suscipit elementum. Suspendisse potenti. Fusce sit amet est ac dolor ultricies molestie. Aenean pulvinar faucibus nulla id ultricies. Curabitur eget mi eu enim egestas dapibus hendrerit at est. Cras ornare justo at diam volutpat ac laoreet eros ullamcorper. Quisque eu mollis risus. Nulla id ipsum ligula. Mauris vitae nisi at velit ultricies luctus in consequat enim. In sed felis massa. Morbi at ante eu orci tempor pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse consectetur dolor et metus mollis lacinia. In hac habitasse platea dictumst.

Quisque laoreet viverra enim, non iaculis erat sollicitudin a. Nullam est mauris, ultrices nec auctor non, pellentesque eget erat. Praesent euismod mi et magna molestie vitae molestie orci dapibus. Proin malesuada nunc et libero dignissim vel dignissim nulla sagittis. Nullam ac tortor libero. Pellentesque in gravida nulla. Suspendisse dui tellus, fringilla nec malesuada vel, mattis accumsan lacus. In molestie tincidunt nibh, scelerisque molestie urna interdum eu. In lectus nisi, luctus tempor dictum vel, eleifend in felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla ultricies fringilla enim, quis tincidunt lorem consequat id. Donec eleifend, turpis eu feugiat consequat, lorem ante rutrum risus, et faucibus lorem elit sed metus. Etiam pulvinar quam lacus, eget varius quam. Donec ipsum sem, mattis vel fringilla sit amet, iaculis id erat. Maecenas nec ipsum volutpat arcu condimentum dignissim ut ut dui. Pellentesque faucibus eros sed nunc sagittis eu feugiat tortor mattis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque lacinia eleifend orci at dignissim.
</div>
    </div>
<!-- Footer --> 
<div id="Footer" style="margin-left: 205px;clear:both;"> 
<font style="font-size:11px;" color="#969696" face="Arial"><--------------------------------- Copyright © DitFirma all rights reserved---------------------------------></font> 
</div>
</div>
</body>
</html>

Se siden her

Så alle sammen kom med inputs og idéer til hvordan vi forbedrer templatet! Jeg håber der er mange der vil deltage i det her lille projekt ;)

Redigeret: 20/05 - 2011 15:38

#2:     HotBoy77 01/04 - 2011 11:05
Btw jeg ændrer template og online version løbende som folk de bidrager til projektet ;)

#3:     Webmaster 01/04 - 2011 11:29
Godt initiativ! At lave layout, kan være noget at det sværeste, så det er godt med et template her inde. Det er også godt at det er lavet med <div>-tags, som jo er det bedste man kan lave layout med. Mange fortrækker tables fordi der er tit meget lettere at lave det i, men igen div er bedst da det fylder mindre og er meget mere overskuelig.

Jeg kan anbefale at man bruger html testeren her på riddergarn.dk hvor man let kan teste koden efter man har redigeret den:
http://www.riddergarn.dk/html/test/

Mvh
Andreas Lysdal Andersen

Skriv et svar

Klik for at indsætte: Fed | Kursiv | Link | Billede | Citat | Liste | Kode

Abbonner

Nå du skriver et nyt svar kommer du automatik til at abbonnere på nye svar. Hvis du ikke vil det, skal du fjerne krydset i boksen ovenover.