/ Forside/ Teknologi / Internet / Hjemme sider / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Hjemme sider
#NavnPoint
molokyle 23766
Klaudi 7947
bentjuul 7763
BjarneD 4584
severino 4460
Manse9933 4366
natmaden 3985
disken 3947
miritdk 3593
10  refi 3578
Css??
Fra : Tompe_10
Vist : 470 gange
50 point
Dato : 04-01-05 18:14

Hvis i kigger på siden madsass.dk kan i se han ligesom har bokse omkrinf hans menu i en af dem står + menu

Han vil kun fortælle mig at det er lavet i css så jeg spørger herinde hvordan kan jeg lave d på min egen side...?

 
 
Kommentar
Fra : Lilleclaus


Dato : 04-01-05 18:42

hejsa har ikke selv sååå meget tjek på alt om koder ...men jeg har til tider gået ind på siden og så højret klikket på lige det jeg vill bruge og under vis kilde er alle koderne til den opsætning ..har der fået en ide til hvordan jeg så via koderne kunne lave noget lignede


Kommentar
Fra : justuniverse


Dato : 04-01-05 18:45

Du kan selv hente hans css-fil. Hvis du i Explorer går i Filer og trykker på gem, så vil Explorer gemme hele siden (med både ekstern Css og javascript)

Kommentar
Fra : molokyle


Dato : 04-01-05 18:56

Værs'go' :

Kode
/*###### Standard Variabler #####*/
html, body {
   background-color: #4D4D4D;
   font-family: "Trebuchet MS", sans-serif;
   font-size: 12px;
   color: #000000;
   height: 100%;
   margin: 0px;
}

a:link, a:visited {
   color: #000000;
   text-decoration: none;
}

a:active, a:hover {
   color: #FF7400;
   text-decoration: none;
}

/*###### Menu ######*/
div.menupunkt {
   padding: 0px;
   margin: 2px 0px 8px 0px;
   font-weight: bold;
}

a.menupunkt {
   margin: 0px;
   padding: 0px
   color: #000000;
   display: block;
}

a:hover.menupunkt {
   margin: 0px;
   padding: 0px;
   border-style: solid;
   border-color: #FF7400;
   border-width: 0px 5px 0px 0px;
   display: block;
   color: #FF7400;
}

/*###### Standard Variabler #####*/
p {
   font-family: "Trebuchet MS", sans-serif;
   font-size: 12px;
   line-height: 17px;
   text-align: left;
   color: #000000;
   text-indent: 0px;
   padding: 0px;
   margin: 0px;
}

pre {
   border: 1px solid #000000;
   background-color: #D5D5D5;
   color: #000000;
   overflow: auto;
   padding: 3px;
   line-height: 15px;
}

blockquote {
   border: 1px solid #000000;
   background-color: #D5D5D5;
   color: #000000;
   overflow: auto;
   padding: 3px;
}

#hr {
   height: 1px;
   width: 100%;
   background-color: #000000;
}

.code {
   border: 1px solid #000000;
   background-color: #F1F1F1;
   overflow: auto;
   padding: 3px;
}

/*###### Opbygning ######*/
#toplogo {
   width: 726px;
   height: 270px;
   overflow: hidden;
   border: 0px;
   margin: 0px 5px 5px 5px;
   background-image: url('/GFX/Toplogo.jpg');
}

#indhold {
   width: 736px;
   min-height: 100%;
   border: 0px;
   padding: 0px 0px 5px 0px;
   margin: 0px auto 0px auto;
   text-align: left;
   background-color: #F1F1F1;
   display: table;
}

* html #indhold {
   height: 100%;
}

#back {
   width: 736px;
   min-height: 100%;
   border-style: solid;
   border-width: 0px 1px 0px 1px;
   padding: 0px 0px 5px 0px;
   margin: 0px auto 0px auto;
   text-align: left;
   background-color: #F1F1F1;
}

* html #back {
   height: 100%;
}

#indholdtop {
   background-image: url('/GFX/Indholdtop.jpg');
   width: 544px;
   height: 26px;
   border: 0px;
   padding: 2px 0px 0px 12px;
   margin: 0px 5px 0px 0px;
   text-align: left;
   float: right;
   clear: none;
}

* html #indholdtop {
   margin: 0px 2px 0px 0px;
}

#indholdbund {
   background-image: url('/GFX/Indholdbund.jpg');
   background-repeat: no-repeat;
   width: 556px;
   height: 8px;
   border: 0px;
   padding: 0px;
   margin: 0px 5px 0px 0px;
   float: right;
   clear: none;
}

* html #indholdbund {
   margin: 0px 2px 0px 0px;
}

#indreindhold {
   background-image: url('/GFX/Indholdbg.jpg');
   width: 532px;
   border: 0px;
   padding: 0px 12px 0px 12px;
   margin: 0px 5px 0px 0px;
   text-align: left;
   float: right;
   clear: none;
}

* html #indreindhold {
   margin: 0px 2px 0px 0px;
}

#menu {
   width: 141px;
   height: 340px;
   border: 0px;
   margin: 0px 0px 0px 5px;
   padding: 0px 12px 5px 12px;
   text-align: left;
   background-image: url('/GFX/Menubg.jpg');
   clear: none;
   float: left;
}

* html #menu {
   margin: 0px 0px 0px 3px;
}

/*###### Tekst ######*/
h1 {
   font-family: "Trebuchet MS", serif;
   font-size: 14px;
   color: #000000;
   font-weight: bold;
   border-style: solid;
   border-color: #000000;
   border-width: 0px 0px 1px 0px;
   margin: 0px 0px 5px 0px;
}

h2 {
   font-family: "Trebuchet MS" , sans-serif;
   font-size: 12px;
   color: #000000;
   margin: 0px;
   text-decoration: underline;
   font-weight: normal;
}

h3 {
   font-family: "Trebuchet MS" , sans-serif;
   font-size: 14px;
   color: #000000;
   font-weight: bold;
   border-style: solid;
   border-color: #000000;
   border-width: 0px 0px 1px 0px;
   margin: 0px;
}

.h1 {
   font-family: "Trebuchet MS" , sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #000000;
}

/*##### Nyheder #####*/
.overskrift {
   font-family: "Trebuchet MS" , sans-serif;
   font-size: 14px;
   color: #000000;
   font-weight: bold;
   margin: 0px;
}

.tidogdato {
   font-family: "Trebuchet MS" , sans-serif;
   font-size: 12px;
   color: #000000;
   margin: 0px;
   text-decoration: none;
   font-weight: normal;
}

.kommenter {
   font-family: "Trebuchet MS" , sans-serif;
   font-size: 12px;
   color: #000000;
   margin: 0px;
   font-weight: bold;
   float: right;
}

.musik {
   font-family: "Trebuchet MS" , sans-serif;
   font-size: 12px;
   color: #000000;
   margin: 0px;
   float: right;
}

div.quote {
   border: 1px solid #000000;
   background-color: #F1F1F1;
   color: #000000;
   overflow: auto;
   padding: 3px;
   margin: 0px 35px 0px 35px;
}

span.quote {
   padding: 3px;
   margin: 0px 0px 0px 35px;
   font-style: italic;
   font-weight: bold;
   font-family: "Trebuchet MS" , sans-serif;
   font-size: 12px;
   color: #000000;
}

/*###### Forms ######*/
input, textarea {
   margin: 2px;
   padding: 2px;
   background-color: #F1F1F1;
   border: 1px solid #000000;
   font-family: "Trebuchet MS", sans-serif;
   font-size: 12px;
   color: #000000;
   text-align: left;
}

select {
   padding: 0px;
   background-color: #F1F1F1;
   border: 1px solid #000000;
   font-family: "Trebuchet MS", sans-serif;
   font-size: 12px;
   color: #000000;
   text-align: left;
}

/*###### Billeder ######*/
.galleribillede {
   width: 150px;
   height: 120px;
   border: 1px solid #000000;
}

.smilie {
   padding: 0px;
   border: 0px;
}

.templates-468x60 {
   width: 468px;
   height: 60px;
   border: 1px solid #000000;
}

.templates-88x31 {
   width: 88px;
   height: 31px;
   border: 1px solid #000000;
}

.ansigter {
   width: 320px;
   height: 240px;
   border: 1px solid #000000;
}

.affiliates {
   border: 1px solid #000000;
   width: 88px;
   height: 31px;
}

.firefox {
   width: 120px;
   height: 60px;
   border: 0px;
}


</MOLOKYLE>

Kommentar
Fra : Tompe_10


Dato : 04-01-05 19:11

Tak mole du kunn evel ikke skrive sådan cirka hvor det ligger for jeg kan sku ik helt selv regne d ud....HeHe

Kommentar
Fra : molokyle


Dato : 04-01-05 19:17
Kommentar
Fra : Tompe_10


Dato : 04-01-05 19:41

Srry molo d var ikke det jeg mente jeg mente hvor i selve stylesheetet den ligger

Accepteret svar
Fra : molokyle

Modtaget 60 point
Dato : 04-01-05 19:51

I HTML koden er markøren skrevet som :
Kode
<div class="menupunkt">+ Menu</div>

..hvilket korrensponderer med CSS selektoren :
Kode
/*###### Menu ######*/
div.menupunkt {
padding: 0px;
margin: 2px 0px 8px 0px;
font-weight: bold;
}


</MOLOKYLE>

Kommentar
Fra : Lilleclaus


Dato : 04-01-05 20:36

hej molokyle virke det til alle hjemmesider ...hele den mega kode sammensætning du ligge ud`???? prøvede for sjov skyld lige at kopier den og forsøgte i front page .. virker ikke der får kun en side op med skrift

Kommentar
Fra : Tompe_10


Dato : 05-01-05 11:06

Tusind tak mole det virker

Godkendelse af svar
Fra : Tompe_10


Dato : 05-01-05 11:07

Tak for svaret molokyle.
                        

Kommentar
Fra : molokyle


Dato : 05-01-05 13:41

Tipper-topper, glad for at ku' hjælpe

Lilleclaus -> Hvis du stadig kigger med ? Ja, det virker overalt, men glem alt om Frontpage, hvis du vil i krig med CSS. Da kan det faktisk kun betale sig at 'boge' den og kode i Notesblok (notepad.exe). Der er et lille CSS kursus her på Kandu.dk : http://www.kandu.dk/dk/kurser/css/cssKursus.asp

Der er rigtigt godt norsk site (..på engelsk), hvor du kan lære om ALLE apekter omkring Webudviklingssprog her :

http://www.w3schools.com

</MOLOKYLE>

Kommentar
Fra : Tompe_10


Dato : 05-01-05 14:12

Hey molo skal lige ha aft i dig igen den giver sku ik helt det rigtige resultat aligevel....

Kommentar
Fra : Tompe_10


Dato : 05-01-05 14:12

Jeg gik efter Den boks det ligesom står i ikke bare selve teksten lol

Kommentar
Fra : molokyle


Dato : 05-01-05 16:02

Jeg fik dit brev, men svarer aldrig privat, men kun hér på sitet, da jeg ellers ku' få nok at lave

Det du er ude efter er den så kaldte boxmodel i CSS. Den laves med CSS egenskaben border : http://www.w3schools.com/css/css_reference.asp#border ( http://www.w3schools.com/css/css_border.asp ) evt. i kombinatioen med egenskaben margin : http://www.w3schools.com/css/css_reference.asp#margin ( http://www.w3schools.com/css/css_margin.asp )

IE er lidt mærkerlig på dette punkt, så kik lige på : http://webdesign101.dk/xhtml/css/hacks/index.php

</MOLOKYLE>

Kommentar
Fra : Tompe_10


Dato : 05-01-05 16:44

Ok tak molo

Du gir sku altid en hjælpende hånd


Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408924
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste