|
| Kommentar Fra : molokyle |
Dato : 29-08-05 16:12 |
|
Joeh... Nordsted1 -> SIAMESISKE KAMPFISK ....blå VF (..ingen hybrider hér )
Eyvind -> Min hjemmeside's udbyder er bleven hacket af nogle porno folk (..jeg er ikke den eneste har jeg læst i forum samme steds : http://frip.dk )
..så jeg ka' desværre ikke oploade :
1.) pureCSSmenu.html
2.) pureCSSunder.html
= Dynamisk menu i CSS (..med runde hjørner UDEN; grafik & javascript)
Så i mellemtiden arbejder jeg på at udbygge denne 'nyhed' med pop-up info ...stadig i ren CSS uden javascript
</MOLOKYLE>
| |
| Kommentar Fra : molokyle |
Dato : 29-08-05 17:22 |
|
pureCSSmenu.html
Kode <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="da" xml:lang="da">
<head>
<title>Molokyle</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="../ico/favicon.ico" />
<link rel="schema.dc" href="http://purl.org/metadata/dublin_core_elements" />
<meta name="Title" content="Molokyle" />
<meta name="Description" content="Hjemmeside" />
<meta name="Keywords" content="Molokyle" />
<meta name="Robots" content="ALL" />
<meta name="Revisit-after" content="7" />
<meta name="Author" content="Henrik Mortensen" />
<meta http-equiv="Reply-to" content="molo@pc.dk" />
<meta name="Copyright" content="Henrik Mortensen" />
<meta http-equiv="Content-language" content="dan" />
<meta name="Rating" content="General" />
<meta name="Generator" content="Henrik Mortensen" />
<meta name="ObjectType" content="Text" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="DC.Title" content="Molokyle" />
<meta name="DC.Description" content="Hjemmeside" />
<meta name="DC.Subject" content="Molokyle" />
<meta name="DC.Creator" content="Henrik Mortensen" />
<meta name="DC.Contributor" content="ingen" />
<meta name="DC.Rights" content="Henrik Mortensen" />
<meta name="DC.Identifier" content="http://frip.dk/molokyle/temp/" />
<meta name="DC.Publisher" content="Henrik Mortensen" />
<meta name="DC.Date" scheme="ISO8601" content="2005-05-01" />
<meta name="DC.Language" scheme="NISOZ39.50" content="dan" />
<meta name="DC.Type" content="Text" />
<meta name="DC.Format" scheme="MIME" content="text/html" />
<style type="text/css">
body
{
background-color:#009999;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:0.75em;
}
/* Snazzy Box */
#xsnazzy p {margin:0 10px;letter-spacing:1px;padding-bottom:1em;}
#xsnazzy {display:block;background:transparent;width:20%;}
.xtop, .xbottom {display:block;background:transparent;font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block;overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#000099;border-left:1px solid #fff; border-right:1px solid #fff}
.xb1 {margin:0 5px; background:#ffffff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent
{
display:block;
background:#000099;
border-style:solid;
border-color: #ffffff;
border-width:0 1px;
text-align:center; /* Centering content */
}
/* mitem 3D */
.mitem {background: transparent; width:90%;margin:0 auto;}
.mitem h1, .mitem p {margin:0 10px;}
.mitem h1 {font-size:1em; color:#000000; letter-spacing:1px;}
.mitem p {padding-bottom:0.5em;}
.mitem .top, .mitem .bottom {display:block; background:transparent; font-size:1px;}
.mitem .b1, .mitem .b2, .mitem .b3, .mitem .b4, .mitem .b1b, .mitem .b2b, .mitem .b3b, .mitem .b4b {display:block; overflow:hidden;}
.mitem .b1, .mitem .b2, .mitem .b3, .mitem .b1b, .mitem .b2b, .mitem .b3b {height:1px;}
.mitem .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.mitem .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.mitem .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.mitem .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.mitem .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.mitem .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}
.mitem .b1 {margin:0 5px; background:#fff;}
.mitem .b2, .mitem .b2b {margin:0 3px; border-width:0 2px;}
.mitem .b3, .mitem .b3b {margin:0 2px;}
.mitem .b4, .mitem .b4b {height:2px; margin:0 1px;}
.mitem .b1b {margin:0 5px; background:#999;}
.mitem .boxcontent
{
display:block;
background:#ccc;
border-left:1px solid #fff;
border-right:1px solid #999;
}
.mitem:hover .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.mitem:hover .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.mitem:hover .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.mitem:hover .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.mitem:hover .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.mitem:hover .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}
.mitem:hover .b1 {margin:0 5px; background:#999;}
.mitem:hover .b1b {margin:0 5px; background:#fff;}
.mitem:hover .boxcontent
{
border-left:1px solid #999;
border-right:1px solid #fff;
}
</style>
</head>
<body>
<p style="position:absolute;left:96px;top:16px;">
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
<br/>
<div id="xsnazzy" style="position:absolute;left:32px;top:64px;">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<p></p>
<div class="mitem">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent">
<h1 style="color:#009999;">Hjem</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
<div class="mitem" onclick="window.location.href='http://dmi.dk'">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent" style="cursor:pointer">
<h1>DMI</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
<div class="mitem" onclick="window.location.href='http://dr.dk'">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent" style="cursor:pointer">
<h1>DR</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
<div class="mitem" onclick="window.location.href='http://tv2.dk'">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent" style="cursor:pointer">
<h1>TV2</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
<div class="mitem" onclick="window.location.href='http://www.kandu.dk'">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent" style="cursor:pointer">
<h1>Kandu.dk</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
<div class="mitem" onclick="window.location.href='pureCSSunder.html'">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent" style="cursor:pointer">
<h1>Underside</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
</body>
</html> |
pureCSSunder.html
Kode <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="da" xml:lang="da">
<head>
<title>Molokyle</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" href="../ico/favicon.ico" />
<link rel="schema.dc" href="http://purl.org/metadata/dublin_core_elements" />
<meta name="Title" content="Molokyle" />
<meta name="Description" content="Hjemmeside" />
<meta name="Keywords" content="Molokyle" />
<meta name="Robots" content="ALL" />
<meta name="Revisit-after" content="7" />
<meta name="Author" content="Henrik Mortensen" />
<meta http-equiv="Reply-to" content="molo@pc.dk" />
<meta name="Copyright" content="Henrik Mortensen" />
<meta http-equiv="Content-language" content="dan" />
<meta name="Rating" content="General" />
<meta name="Generator" content="Henrik Mortensen" />
<meta name="ObjectType" content="Text" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="DC.Title" content="Molokyle" />
<meta name="DC.Description" content="Hjemmeside" />
<meta name="DC.Subject" content="Molokyle" />
<meta name="DC.Creator" content="Henrik Mortensen" />
<meta name="DC.Contributor" content="ingen" />
<meta name="DC.Rights" content="Henrik Mortensen" />
<meta name="DC.Identifier" content="http://frip.dk/molokyle/temp/" />
<meta name="DC.Publisher" content="Henrik Mortensen" />
<meta name="DC.Date" scheme="ISO8601" content="2005-05-01" />
<meta name="DC.Language" scheme="NISOZ39.50" content="dan" />
<meta name="DC.Type" content="Text" />
<meta name="DC.Format" scheme="MIME" content="text/html" />
<style type="text/css">
body
{
background-color:#009999;
font-family:Tahoma,Verdana,Arial,sans-serif;
font-size:0.75em;
}
/* Snazzy Box */
#xsnazzy p {margin:0 10px;letter-spacing:1px;padding-bottom:1em;}
#xsnazzy {display:block;background:transparent;width:20%;}
.xtop, .xbottom {display:block;background:transparent;font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block;overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#000099;border-left:1px solid #fff; border-right:1px solid #fff}
.xb1 {margin:0 5px; background:#ffffff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent
{
display:block;
background:#000099;
border-style:solid;
border-color: #ffffff;
border-width:0 1px;
text-align:center; /* Centering content */
}
/* mitem 3D */
.mitem {background: transparent; width:90%;margin:0 auto;}
.mitem h1, .mitem p {margin:0 10px;}
.mitem h1 {font-size:1em; color:#000000; letter-spacing:1px;}
.mitem p {padding-bottom:0.5em;}
.mitem .top, .mitem .bottom {display:block; background:transparent; font-size:1px;}
.mitem .b1, .mitem .b2, .mitem .b3, .mitem .b4, .mitem .b1b, .mitem .b2b, .mitem .b3b, .mitem .b4b {display:block; overflow:hidden;}
.mitem .b1, .mitem .b2, .mitem .b3, .mitem .b1b, .mitem .b2b, .mitem .b3b {height:1px;}
.mitem .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.mitem .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.mitem .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.mitem .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.mitem .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.mitem .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}
.mitem .b1 {margin:0 5px; background:#fff;}
.mitem .b2, .mitem .b2b {margin:0 3px; border-width:0 2px;}
.mitem .b3, .mitem .b3b {margin:0 2px;}
.mitem .b4, .mitem .b4b {height:2px; margin:0 1px;}
.mitem .b1b {margin:0 5px; background:#999;}
.mitem .boxcontent
{
display:block;
background:#ccc;
border-left:1px solid #fff;
border-right:1px solid #999;
}
.mitem:hover .b2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.mitem:hover .b3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.mitem:hover .b4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.mitem:hover .b4b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}
.mitem:hover .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}
.mitem:hover .b2b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}
.mitem:hover .b1 {margin:0 5px; background:#999;}
.mitem:hover .b1b {margin:0 5px; background:#fff;}
.mitem:hover .boxcontent
{
border-left:1px solid #999;
border-right:1px solid #fff;
}
</style>
</head>
<body>
<p style="position:absolute;left:96px;top:16px;">
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
<br/>
<div id="xsnazzy" style="position:absolute;left:32px;top:64px;">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<p></p>
<div class="mitem" onclick="window.location.href='pureCSSmenu.html'">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent">
<h1>Hjem</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
<div class="mitem" onclick="window.location.href='http://dmi.dk'">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent" style="cursor:pointer">
<h1>DMI</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
<div class="mitem" onclick="window.location.href='http://dr.dk'">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent" style="cursor:pointer">
<h1>DR</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
<div class="mitem" onclick="window.location.href='http://tv2.dk'">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent" style="cursor:pointer">
<h1>TV2</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
<div class="mitem" onclick="window.location.href='http://www.kandu.dk'">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent" style="cursor:pointer">
<h1>Kandu.dk</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
<div class="mitem">
<b class="top"><b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b></b>
<div class="boxcontent">
<h1 style="color:#009999;">Underside</h1>
</div>
<b class="bottom"><b class="b4b"></b><b class="b3b"></b><b class="b2b"></b><b class="b1b"></b></b>
</div>
<p></p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
</body>
</html> |
..meta og links virker selfølgelig kun på min hjemmeside (..når; vi når dertil )
Næste step er : http://webdesign101.dk/css/eksempler/eksempel4.php
</NØRDEN>
</MOLOKYLE>
| |
| Kommentar Fra : molokyle |
Dato : 29-08-05 17:25 |
|
Ps. HUSK NU :
Virker kun i Safari, Opera og Firefox ...ikke i IE der kun understøtter pseudoklassen :hover for anchor elementer <a ..> ... </a>
...men måske i IE 7 ???
</MOLOKYLE>
| |
| Kommentar Fra : molokyle |
Dato : 29-08-05 17:29 |
|
Pps. Jeg overvejer (..efter saglig kritik af bentjuul ...så vidt jeg husker) at lave designet i fast, i stedet for elastisk/dynamisk bredde.
Snazzy boxen det er :
Ret : #xsnazzy {display:block;background:transparent;width:20%;}
Til : #xsnazzy {display:block;background:transparent;width:180 px;}
..for et eksempel?
Ppps. Det er 'damerne' der siger; jeg skal holde koderne i egne smalsnaktråde
</MOLOKYLE>
| |
| Kommentar Fra : molokyle |
Dato : 29-08-05 21:41 |
|
Pppps. Har rettet til fast bredde
...men frip.dk er stadig hacket
'Leger' videre med CSS pop-up'en
</MOLOKYLE>
| |
| Kommentar Fra : natmaden |
Dato : 30-08-05 03:01 |
|
Mærkelig måde at lave akvarie på, nu bliver vi vel ikke til pausefisk i en pauseskærm.
Og hvorfor kan jeg stadig ikke se noget, og hvorfor skal emesen og hans fiskepindevenner dominere hele bunden.
Og hvor er Ans , og se så at få lavet noget css der laver talebobler.
Og ...
O O
o 0
o o
OO
O
o
, __
o \`\\"._ _,
/ _ |||;._//)
o_/@ @ /// |=(
( (`__, ,`\|
'.\_/ |\_.'
`""```
Hvornår er der mad.
| |
| Kommentar Fra : Eyvind |
Dato : 30-08-05 10:41 |
|
Må jeg be' om et nyt akvarie, med lidt smult vande.
| |
| Kommentar Fra : molokyle |
Dato : 30-08-05 11:24 |
| | |
| Kommentar Fra : Eyvind |
Dato : 30-08-05 19:02 |
|
Ja guramien ser hyggelig ud - kan man diskutere access database med den,
så der ikke bliver alt for kedeligt i den regnskov.
| |
| Kommentar Fra : molokyle |
Dato : 30-08-05 19:46 |
|
Eyvind -> Der er stille, mørkt, brunt, varmt (gennemsnitligt 26 grader celsius) og surt (Ph. < 7) på bunden af en Nord-Indisk/Burmesisk regnskovs-vandpyt emesen ...glæd dig
...men jævnlige besøg af eksotiske vandlevende insekter og ferskvands-småkrebs (= lørdagsguf )
</MOLOKYLE>
| |
| Kommentar Fra : Eyvind |
Dato : 30-08-05 20:13 |
|
Nu må du snart beslutte dig om ph7 er surt eller neutralt.
Altså det med at leve i skyggen er jeg vandt til - så det gør ikke noget.
Men alle de Kinesiske fødder som hele tiden tramper rundt midt i vores eftermiddags-lurer, er ikke så godt.
| |
| Kommentar Fra : Eyvind |
Dato : 30-08-05 20:23 |
|
Ja ja men de tramper rundt mens jeg lurer.
(sorry - jeg så ikke det < )
| |
| Kommentar Fra : natmaden |
Dato : 31-08-05 00:17 |
|
Eyvind jeg så et sted at man kan se de 14 pund du har tabt, det kan man ikke.
1. der er ingen billedfunktion på kandu !
2. man kan ikke se det der er væk, kun det der er tilbage !
Eller passer min hypotese, at ting kun eksisterer, fordi de er pakket ind i ting der ikke er der
Der skal være under mindre end 90pund tilbage, ellers så fylder du hele molo's 45l. sumpungkarlekasse, og så er der hverken plads til sump, planter eller kineserfødder og ph-værdien må være lig din egen.!
Men indtil at du får dit eget, så vrid dig lige op i den anden ende paladsakvariet,
Al dit lurerri er ved at få hvedebrødsdagene til at gå i fisk, det går ikke , der skal først rogn til.
o
o
@~~~~~~
| |
| Kommentar Fra : molokyle |
Dato : 31-08-05 00:30 |
|
Det er jo´dét jeg siger : Natmaden tæver alt og alle (..selv ans) og fylder 'næsten' hele akvariet ud.
..men flot ..og blå ..er han nu altså
</MOLOKYLE>
| |
| Kommentar Fra : Eyvind |
Dato : 31-08-05 08:29 |
| | |
| Kommentar Fra : molokyle |
Dato : 31-08-05 08:49 |
| | |
| Kommentar Fra : natmaden |
Dato : 31-08-05 09:25 |
| | |
| Kommentar Fra : Eyvind |
Dato : 31-08-05 16:20 |
|
Ans - nu må du bare gå til den for Natmaden er jo en kælefisk. (petfish)
Og jeg kigger bare den anden vej og glor på vindueskiggeren ude i tørvejret.
| |
| 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.
| |
|
|