Basic website- Template

For your website woes and whees

Basic website- Template

Postby H|F » Sun Apr 24, 2011 4:28 am

So I'm in the middle of trying to get my website the way I like. At the moment I have this base which I think I can share for those who want to make a webpage to display dolls and such <3 Enjoy and share alike,

H|F


Code: Select all
<STYLE type=text/css>

*REMOVE: hex codes for colors may be found on many different websites, also you can edit the font info very easily*

A:link{color:black;font-size:;font-family:;font-style:;}
A:active{color:black;font-size:;font-family:;font-style:;}
A:visited{color:black;font-size:;font-family:;font-style:;}

html {
scrollbar-face-color:ffffff;
scrollbar-highlight-color:754C78;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:6666ff;
scrollbar-darkshadow-color:666666;
scrollbar-track-color:ffffff;
scrollbar-arrow-color:754c78;}

div.main {
position:absolute;
top:70px;
left:20%;
margin-top: auto;
margin-left: auto;
width:510px;
height:340px;
overflow:auto;
border-style: dashed;
background-color:ffffff;
color:000000;
font-family:arial;
font-size:14px;}

div.menu {
position:absolute;
top:10px;
left:25%;
margin-top: auto;
margin-left: auto;
width:380px;
height:200px;


</style>


<div class=menu><a href="http://yourhomepage.com/index.html"> Home |</a><a href="http://yourpixelspage.com/pixels.html"> PIXEL |</a><a href="http://yourdollspage.com/dolls.html"> DOLL |</a><a href="http://yourbasepage.com/bases.html"> BASE |</a><a href="http://yourlinkspage.com/links.html"> LINK</a> </div>

<DIV class=main>
<center>

<BR>

Welcome!

<BR>

CONTENT GOES HERE

<BR>


All content, unless noted otherwise Copyright © 2011 *insert name* |    H|F was here... </center>

<BR><BR>

</DIV>

Last edited by H|F on Sat May 07, 2011 9:36 pm, edited 4 times in total.
User avatar
H|F
Super star
Super star
 
Posts: 1829
Joined: Sun Nov 21, 2010 3:28 am
Diamonds on hand: 314.00
Location: Somewhere along the Milky Way
AKA: The Black Sheep
Dolling Style: Pixel
Avatar Base: Link in sig

Re: Very basic layout code

Postby H|F » Sun Apr 24, 2011 4:50 am

Use these to change the div.main border-style, you can change it from "dashed" to either another style or delete it in general.

Also, if you want to add a small scrolling box for updates ect.

Code: Select all
<div style="width:100px;height:90px;overflow:auto;overflow-x:hidden;"> content goes here  </div> 
Heather | Age 25 | AV base by Kakuzu Chan
Image
BASE
Want to see where I started?
Spoiler: show
Image

Image

Bases by Wayuki

Image

Image

Image


Image

Image

Image

Image

All of these are bases from The Doll Palace

User avatar
H|F
Super star
Super star
 
Posts: 1829
Joined: Sun Nov 21, 2010 3:28 am
Diamonds on hand: 314.00
Location: Somewhere along the Milky Way
AKA: The Black Sheep
Dolling Style: Pixel
Avatar Base: Link in sig

Re: Basic website building - Premade code

Postby H|F » Sun Apr 24, 2011 6:01 am

Ok so I have been working on this (very) simple website for at least two weeks.
Thanks to Daenerys and some helpful tips from Ninique I realized how simple it all really was!!!

One thing I realized is how much space/time I had been wasting by having my css style coding with the rest of my html. Daenerys asked me if I use external css and I kind of knew what that ment but I had never looked into it until I found this which seemed to speak my language!

I followed the quick tutorial and now I'm using the external css, so easy! and when I want to edit it's going to be easy as pie!
Heather | Age 25 | AV base by Kakuzu Chan
Image
BASE
Want to see where I started?
Spoiler: show
Image

Image

Bases by Wayuki

Image

Image

Image


Image

Image

Image

Image

All of these are bases from The Doll Palace

User avatar
H|F
Super star
Super star
 
Posts: 1829
Joined: Sun Nov 21, 2010 3:28 am
Diamonds on hand: 314.00
Location: Somewhere along the Milky Way
AKA: The Black Sheep
Dolling Style: Pixel
Avatar Base: Link in sig

Re: Basic website building - Premade code

Postby H|F » Sun May 01, 2011 7:04 pm

Ok so I just switched to a new host (ad-free) and I am now using FTP.
I really didn't know what the heck it was until recently.

FTP is in short where rather then having files/pages on your website's file/page manager you have them on your computer and upload via an FTP program like FileZilla, you can download FileZilla for free but there are other freeware programs for FTP.

Best part is it is so much easier to edit my html/css because it's right there on my comp and once I am done editing I just upload the page via FileZilla.....

I'm pretty sure someone is going to read this and think "Duh you n00b!" but I am sure this is stuff others want to know!
Heather | Age 25 | AV base by Kakuzu Chan
Image
BASE
Want to see where I started?
Spoiler: show
Image

Image

Bases by Wayuki

Image

Image

Image


Image

Image

Image

Image

All of these are bases from The Doll Palace

User avatar
H|F
Super star
Super star
 
Posts: 1829
Joined: Sun Nov 21, 2010 3:28 am
Diamonds on hand: 314.00
Location: Somewhere along the Milky Way
AKA: The Black Sheep
Dolling Style: Pixel
Avatar Base: Link in sig

Re: Basic website building - Premade code

Postby Shixam » Sun May 01, 2011 7:50 pm

We can use it, right? Because I got to thinking of playing around with redoing my site today, but I suck at coding and stuff. I ended up accidently completely getting rid of the old site a friend editted for me XD And then saw this and: http://www.freewebs.com/shixam/Main.html

I've just kinda been messing around with what you had in the code up there. One thing I can't figure out, though, is how to change the color of the big white space around the table.

Image
My Charm Bracelet
Spoiler: show
ImageImageImageImageImage
User avatar
Shixam
Super star
Super star
 
Posts: 3692
Joined: Sun Aug 10, 2008 2:57 pm
Diamonds on hand: 14,837.00
AKA: Princess of Pink
Dolling Style: Pixel
Avatar Base: http://aerieyena.deviantart.com/

Re: Basic website building - Premade code

Postby H|F » Sun May 01, 2011 9:15 pm

Yes! It's for anyone to use <3

Yeah the main reason I wanted to share it is so others could learn, I mean the best way to learn is to play around with the coding right!

I have a list of sites and all kinds of stuff I need to share too.

By the way, there is a setting (forget were?) where you can change it from freewebs.com/*sites name* to *sites name*.webs.com which looks nicer and easy to remember.
Heather | Age 25 | AV base by Kakuzu Chan
Image
BASE
Want to see where I started?
Spoiler: show
Image

Image

Bases by Wayuki

Image

Image

Image


Image

Image

Image

Image

All of these are bases from The Doll Palace

User avatar
H|F
Super star
Super star
 
Posts: 1829
Joined: Sun Nov 21, 2010 3:28 am
Diamonds on hand: 314.00
Location: Somewhere along the Milky Way
AKA: The Black Sheep
Dolling Style: Pixel
Avatar Base: Link in sig


Return to Screen Writer's Lounge

Who is online

Users browsing this forum: No registered users and 1 guest

cron