Gå til innhold

Enkel css/html side?

...............

Anbefalte innlegg

...............

...............

Skrevet
Skrevet (endret)

Prøvde for en stund siden å fikse meg en grei nettside.

Dessverre gikk ikke det så bra. Men når har jeg lyst til å få fiksa meg en ny side.

 

- Jeg har ikke lyst til å lage fra scratch, et gratisl css/html template holder

- Jeg er nødt til å få hjelp :p

- Bakgrunner, bilder osv lager jeg selv i photoshop

 

Jeg har veldig lyst på en side lignende denna: http://fez.moo.no/ Syns den ser kjempe fin ut. Akuratt den type design jeg vil ha.(bruker den som eksempel uten tilatelse, forgive me :innocent: )

 

Noen som kan hjelpe meg litt her?

Og jeg lurte på hvor burde jeg laste det opp midlertidig når jeg har kommet til det punktet? Hvis siden blir bra vurderer jeg kjøpe domene og plass :)

 

Takker for alle svar(ikke alle da, dere skjønner)

 

EDIT: Vet det er mange sider om dette. Men hadde vært kjempe fint om dere gadd å hjelpe litt..

Endret av beneiro
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
...............

...............

Skrevet
  • Forfatter
Skrevet

Takker for mange fine linker! :)

 

Men gått igjennom dem, og må si det er sånne helsides websider.. Hvis dere skjønner?

 

Skulle gjerne hat et template som var liksom ca bare halve siden med sentrert..

Noen som skjønner ha jeg mener og kan hjelpe meg? (hvis du ikke skjønner er det bare å se på linken i første post!)

Lenke til kommentar
Atch

Atch

Skrevet
Skrevet (endret)
Skulle gjerne hat et template som var liksom ca bare halve siden med sentrert..

 

Det er mange templates der som er slik du mener, og det er et helt standard format på en nettside. Om du googler "free+templates" eller noe liknende kommer det opp tusenvis av sider du kan se på. Du må rett og slett bare lete deg igjennom en del template-sider og finne noe du liker. Greit nok at du ikke lager siden fra scratch, men å velge ut et template på egen hånd er det kanskje nødvendig at du gjør? Fra OSWD (første lenken ovenfor) kan du f.eks. søke på templates med bare én kolonne, og da kommer det opp 422 treff, blant annet dette og dette og dette, som alle fyller kriteriene om sentrert boks over halve siden. Du kan skifte ut farger, bilder og liknende og lage din egen variant?

 

:)

Endret av Atch
Lenke til kommentar
Atch

Atch

Skrevet
Skrevet (endret)
men, når jeg har en side, hvordan gjør sånn at den har en viss lengde hele tiden? Siden min blir bare sånn kort.. Hvordan få den sånn passe lang som standard?

 

Fylle opp med innhold eller sette minimumshøyde i stilarket?

Endret av Atch
Lenke til kommentar
...............

...............

Skrevet
  • Forfatter
Skrevet (endret)

Ehm, jeg får ikke til å sette min lengden på 600px jeg.. Hvor i css koden burde jeg sette den?

 

--

 

Og jeg lurte på hvordan får jeg bilder på hjemmesiden(som jeg legger i for.eks galleri) til å bli små, også store når jeg trykker på dem? Sånn resize elns som man kan gjøre her på forumet, bare med komandoer...

Endret av beneiro
Lenke til kommentar
Atch

Atch

Skrevet
Skrevet (endret)
Ehm, jeg får ikke til å sette min lengden på 600px jeg.. Hvor i css koden burde jeg sette den?

 

Det finnes ikke noe fasitsvar på det, ettersom det kommer an på hvordan innholdet i stilarket ditt ser ut. Hvis du poster det her kan vi sikkert hjelpe deg :)

Endret av Atch
Lenke til kommentar
...............

...............

Skrevet
  • Forfatter
Skrevet

Skjult tekst: (Marker innholdet i feltet for å se teksten):

/* NOTE: Anything after a "_" is a special tag for Internet Explorer. As it does not recognize all of the CSS tags created by the W3C, a few hacks had to be used to get the site looking right on it */

 

/* == */

 

body {

margin: 0;

padding: 5px;

background-color:#000000;

_text-align: center;

}

 

p {

position: static;

width: 540px;

margin: 3px 4px;

padding: 4px;

display: block;

text-align: justify;

line-height: 20px;

text-indent: 15px;

}

 

p:first-letter {

font-weight: bold;

color:#000000;

padding: 0;

width: 30px;

margin: 2px;

font-size: 25px;

font-family: fantasy;

}

 

div#sideBlock p {

padding: 3px;

width: auto;

background-color:#F0F7FD;

border: 1px solid #D7DDE3;

}

 

div#siteLock {

background: transparent;

margin: -5px auto 0 auto;

text-align: center;

padding: 0;

float: none;

position: relative;

height: auto;

width: auto;

clear: all;

}

 

div {

padding: 10px;

margin: 0 auto 0 auto;

text-align: justify;

color: #333;

font-family: arial, times, Times, georgia, serif;

font-size: 12px;

height: auto;

}

 

div#images {

padding: 0;

margin: 0 auto 5px auto;

text-align: justify;

color: #333;

font-family: arial, times, Times, georgia, serif;

font-size: 12px;

height: auto;

border-bottom: 1px dotted #9AA8B3;

}

 

div#block {

width: 570px;

font-size: 12px;

height: auto;

padding: 0 8px 0 8px;

float: none;

position: relative;

background-color:#000000;

}

 

div#sideBlock {

width: auto;

font-size: 11px;

font-family: Verdana, Arial, Tahoma, sans-serif;

margin: 0 4px;

padding: 3px;

height: 100%;

float: left;

position: relative;

}

 

div#textos {

padding: 6px;

margin: 0 auto 0 auto;

text-align: justify;

color: #111;

font-family: Verdana;

font-size: 11px;

height: auto;

width: auto;

float: none;

position: static;

line-height: 18px;

background-color:#FFFFFF;

}

 

div#header {

position: static;

width: auto;

height: 140px;

 

/* IE Instruction */

_width: 597px;

 

padding: 0;

color:#FFFFFF;

background-color:#103255;

background-image: url(images/header.jpg);

background-position: bottom left;

}

 

/* SITE TITLE */

 

h2, h2 a {

font-size: 40px;

letter-spacing: 3px;

text-decoration: none;

color: white;

text-align: center;

font-family: arial;

padding: 40px 32px 50px 32px;

margin: 0;

text-shadow: 0 2px 4px #002846;

}

 

/* ARTICLE TITLES */

 

h1 {

color:#005DBA;

font-family: arial;

letter-spacing: 1px;

font-size: 26px;

padding: 6px;

margin: 0;

font-weight: 600;

margin-top: 10px;

background-image: url(images/title_background.jpg);

background-repeat: repeat-x;

padding: 6px;

 

/* IE Instruction */

_width: 245px;

 

text-align: left;

font-weight: normal;

text-shadow: 0 2px 4px #AEBFCC;

}

 

h1 span {

color:#000000;

font-size: 10px;

font-family: arial;

font-style: normal;

letter-spacing: 2px;

background: transparent;

 

/* IE Instruction */

_letter-spacing: -1px;

_margin-left: -3px;

 

text-align: left;

text-shadow: none;

}

 

/* MENU */

/* LISTS */

 

ul {

text-align: center;

width: 100%;

 

/* IE Instruction */

_width: 597px;

 

margin: 0;

margin-bottom: 10px;

margin-top: -4px;

padding: 6px 0;

position: relative;

float: left;

background-color:fff;

background-image: url(images/menu_background.jpg);

background-repeat: repeat-x;

display: block;

 

/* MENU FONT */

font-family: Trebuchet, "Trebuchet MS", Geneva, sans-serif;

font-weight: 300;

font-size: 12px;

color:#2C8BEE;

}

 

li {

display: inline;

margin: 0 -2px;

list-style: none;

padding: 6px;

}

 

li a:link, li a:link:visited

{

padding: 10px 6px;

color:#103255;

text-decoration: none;

background: transparent;

}

 

li a:link:hover, li a:link:visited:hover

{

color:#000000;

}

 

li:hover, li.over

{

background-color:#4678A3;

background-image: url(images/menu_hover.jpg);

background-repeat: repeat-x;

border-bottom: 2px solid #17CEFF;

}

 

li:hover a:link, li.over a:link {

color:#fff;

text-shadow: 0 2px 2px #496580;

}

 

li.selected

{

background-color:#DCE6F0;

background-repeat: repeat-x;

border: 1px solid #AEBECB;

border-width: 1px 1px 0 1px;

}

 

li.selected a { color:#000;

text-shadow: 0 1px 4px #fff; }

 

div#textos a:link, div#textos a:link:visited

{

color:#02578E;

font-size: 11px;

font-family: arial, verdana, tahoma, helvetica, sans-serif;

border-bottom: 1px solid #A5C2DB;

background-color: white;

text-decoration: none;

padding: 2px;

letter-spacing: 1px;

}

 

div#textos a:link:hover

{

background-color:d4d4d2;

color:#003D70;

text-decoration: none;

padding: 2px;

}

 

/* IMAGES */

img {

padding: 2px;

margin: 2px;

border: 1px solid #9AA8B3;

}

Da har jeg noen spørsmål, sikkert lett og endre det..

 

Hvordan gjøre så lengden er min 600px?

Og hvordan gjøre så det ikke blir et nytt avsnitt hver gang jeg trykker på enter, for da kommer det sånn stor stor forbokstav..?

Lenke til kommentar
...............

...............

Skrevet
  • Forfatter
Skrevet (endret)
Vi må nok se html koden også.

 

Hvorfor trykke på enter når du ikke skal ha ett nytt avsnitt?

6311887[/snapback]

Vil jo ha nytt avsnitt, men da kommer det sånn skikkelig stor forbokstav.. Ikke en vanli K for eks..

 

men html koden til forsida?

Skjult tekst: (Marker innholdet i feltet for å se teksten):

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Tommy's Side</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<meta name="Author" content="Fernando Lucas Santos - http://www.devixdesign.com" />

<link rel="stylesheet" type="text/css" href="style.css" /></head>

<body>

<div id="siteLock">

<div id="block">

<div id="header">

<h2><a href="index.html" title="Back to Home"></a></h2>

<ul>

<li class="selected"><a href="index.html">Home</a></li>

<li><a href="index2.html">Bilder</a></li>

<li><a href="index3.html">Podcast</a></li>

<li><a href="index4.html">Linker</a></li>

<li><a href="index5.html">Meg</a></li>

</ul>

</div>

<div id="textos">

<h5>Home</h5>

<p>Hei</p>

<p> </p>

<p><strong>Siden er under produksjon!! </strong></p>

</div>

</div>

</div>

</body>

</html>

Endret av beneiro
Lenke til kommentar
Garreth

Garreth

Skrevet
Skrevet

Det er

 

p:first-letter {
font-weight: bold;
color:#000000;
padding: 0;
width: 30px;
margin: 2px;
font-size: 25px;
font-family: fantasy;
}

som gjør at første bokstaven inni et avsnitt blir stor. Bare fjern denne om du ikke vil ha det.

 

 

Jeg klarer faktisk ikke å se hva som du skal heigt på, er lettere å se slikt hvis du hadde lagt ut en link til siden, men jeg tror du skal ha det på #sideBlock.

 

div#sideBlock {
width: auto;
font-size: 11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
margin: 0 4px;
padding: 3px;
height: 600px;
float: left;
position: relative;
}

Lenke til kommentar
...............

...............

Skrevet
  • Forfatter
Skrevet
Det er

 

p:first-letter {
font-weight: bold;
color:#000000;
padding: 0;
width: 30px;
margin: 2px;
font-size: 25px;
font-family: fantasy;
}

som gjør at første bokstaven inni et avsnitt blir stor. Bare fjern denne om du ikke vil ha det.

 

 

Jeg klarer faktisk ikke å se hva som du skal heigt på, er lettere å se slikt hvis du hadde lagt ut en link til siden, men jeg tror du skal ha det på #sideBlock.

 

div#sideBlock {
width: auto;
font-size: 11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
margin: 0 4px;
padding: 3px;
height: 600px;
float: left;
position: relative;
}

6312078[/snapback]

 

Hmm fikk bort den store bokstaven, kjempe fint :)

 

Men siden fikk ikke no minimum. (sorry, men har egentlig ikke lyst til å legge ut link..)

 

Noen som vet hvordan sette minimum 600px som lengde?

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...