navigations-bar kode :D

Her kan du dele din kode med andre! Hvis du f.eks har lavet en super lækker CSS menu eller et smart php eller Jquery script kan du altså glæde andre og måske få lidt ros for det her :-)
Besvar
skills jokes
Nørd
Nørd
Indlæg:125
Tilmeldt:12. sep 2013, 17:03
navigations-bar kode :D

Indlæg af skills jokes » 10. okt 2013, 19:37

hej,
jeg er stadig en nybegynder og jeg skal slet ikke prøve at spille klog eller noget xD
men jeg så css guiden på at lave en navigations-bar og jeg syntes den var lidt indviklet og jeg kunne ikke helt finde ud af den, så jeg prøvede selv at lave noget i den stil, og jeg har fundet frem til denne kode:

Kode: Vælg alt

		<title>navigations-bar</title>
		<meta charset="utf-8">
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">

		<style type="text/css">

		body{
			margin:0;
		}


		a.nav:link,a.nav:visited{
			background-color:black;
			font-size:20pt;
			margin:-1.55;
			text-decoration:none;
			color:white;
			padding:4;
			font-weight: bold;
			font-family:Book Antiqua;
		}
		a.nav:hover{
			background-color:orange;
			font-size:25pt;
			color:black;
		}
		.centrer{
			text-align:center;
		}

		</style>

	</head>

	<body>


	<div class="centrer">
	<a class="nav" href="navigations-bar.html">Hjem</a>
	<a class="nav" href="navigations-bar.html">Om os</a>
	<a class="nav" href="navigations-bar.html">Kontakt os</a>
	<a class="nav" href="navigations-bar.html">Om sitet</a>
	<a class="nav" href="navigations-bar.html">Donate</a>
	</div>
jeg kender ikke så meget til navigations bare og jeg ved ikke om man kan bruge den her kode til at lave sjove ting som fks her på nemprogammering.dk hvor der kommer sådan en ting frem når musen er over den, men jeg syntes stadig at jeg lige ville vise koden :)
hvis nu der er en som bare vil lave en basic navigations-bar så kan man jo bare kopirer koden :D

tak :)

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: navigations-bar kode :D

Indlæg af ThomasI » 12. okt 2013, 11:04

prøv den her:

http://www.nemprogrammering.dk/gtuts/ar ... ml_css.php

Den er meget simpel og består kun af CSS og HTML :D

Besvar