Den här sidan fyller nästan inget syfte, men jag gjorde den ändå för att jag gillar att göra websidor.
http://greatmccastle.webs.com/index.html
Jag skulle uppskatta konstruktiv kritik.
Ser riktigt fult ut med tables, gör boxar med css istället.
<body>
<style type="text/css">
<!--
.box { background-color: #ffcccc; width: 800px; height: 250px; border: 1px; border-radius: 5px; padding: 5px; }
-->
</style>
<div class="box">Text</div>
</body>
Senast ändrat 2010-10-05 21:22:59
Ska testa.
EDIT: Visst var det snyggt på ett sätt, jag kommer nog använda det på en sida med en annan design. Men eftersom jag vill ha mycket mörk design på sidan så passar ingen bakgrundsfärg på den.
Senast ändrat 2010-10-06 14:51:27
bakgrunden är ganska snygg med färgerna övrigt men jag skulle köra css på allt typ istället för tables och då kan du ändra färg på länkarna med :)
Jag har nu en bakgrundsbild som är snabb att läsa in och snygg. Nu kan jag testa CSS.
EDIT: Jag har ett problem. När jag gör menyn hamnar de olika länkarna så tätt, hur får jag dem skilda?
Senast ändrat 2010-10-06 21:40:01
Kör css gör en div tag med länkarna så kan du lägga dom hur som helst och med vilket mellanrum du vill
ps det var dock ett tag sen jag gjorde css
Hittade en menydesign som jag tror skulle se snygg ut, men jag har ett problem.
Menyn är till vänster, jag vill ha den i mitten.
Koden:
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: dark red; /*menu strip background*/
}
* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}
.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('media/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before
hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}
.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}
.aerobuttonmenu a.aero span{
background: transparent url('media/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}
.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during
hover*/
opacity: 1;
-moz-opacity: 0.99;
}
.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}
.black a.aero{
background-image: url('aeroleftblack.gif');
}
.black a.aero span{
background-image: url('aerorightblack.gif');
}
.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}
.aerobuttonmenu .rightsection a{
color: navy;
}
</style>
<div class="aerobuttonmenu black">
<div class="rightsection">
</div>
<a href="index.html" class="aero"><span>Home</span></a>
<a href="description.html" class="aero"><span>Description</span></a>
<a href="download.html" class="aero"><span>Download</span></a>
<a href="gallery.html" class="aero"><span>Gallery</span></a>
<a href="http://jacce.wufoo.com/forms/contact/" class="aero"><span>Contact</span></a>
<a href="http://castlemc.freeforums.org/index.php" class="aero"><span>Forums</span></a>
</div>
Det stavas official, inte officiall.
Senast ändrat 2010-10-07 17:15:25
Citat av Mondo
Det stavas official, inte officiall.
Noterat. Det skall ändras tillsammans med den nya designen som kommer snart.
EDIT: Den nya menyn är klar.
Senast ändrat 2010-10-08 10:28:34
Eftersom jag inte har tillgång till min vanliga dator har jag heller inte tillgång till GIMP eller Photoshop.
Därför ber jag er att göra en bild som är mörkröd längst upp och övergår i svart ju längre ner man kommer.
Det går snabbt för er som har Photoshop/GIMP och borde inte vara så svårt, men det är mycket viktigt för mig.
Vill ha den antingen i filformatet .jpg eller .png och den skall vara 50 pixlar bred och 800 pixlar hög.
en sak bara lägg css koden i ett .css dockument lättare att läsa då :)
Citat av swechover
en sak bara lägg css koden i ett .css dockument lättare att läsa då :)
Och hur gör jag (är noob) för att läsa det i HTML-filen då?
EDIT: Fixat.
Senast ändrat 2010-10-08 23:46:36
Jag har nu lagt upp en ny design, och all CSS finns i CSS-dokument!
nu börjar det bli snyggt en annan banner bara så :) och nu kan man utläsa koden väldigt lätt också bra jobbat :)
Den slutgiltiga designen är klar!
Så fort jag har gjort sidan Others är sidan klar. Vill gärna ha tips på vad som kan finnas där
skulle varit kul med ett eget forum men det är ganska överkurs för då måste man kunna databaser samt php :) annars vet jag inget mer som skulle behövas kanske en chat så folk kan kommentera lite om saker och ting
funkar gör den sj tycker jag cbox är skit bra enkel och inga filer behövs på serven och lätt att ta bort inlägg :) men din var snygg också
Jag förklarar projektet tills vidare som avslutat.
