CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

chrisesej Nybegynder

20. juli 2005 - 21:51 Der er 19 kommentarer

Tema skift og tema lavet i css, HVORDAN!

Hey! Jeg er igang med en artoprofil som bliver bygget op som en hjemmeside.. (www.christianen.arto.dk <-Min profil) Jeg vil gerne have 3 eller flere tema'er i min profil, som skal kunne skiftes ud med et enkelt klik i et panel..
Og er det muligt at lave en .css fil som ændre ramme, baggrundfarve og tekstfarve på en gang?

På Forhånd tak!

Synes godt om

zeddik Nybegynder

20. juli 2005 - 23:08 #1

Hvis du vil have en .css fil tilknyttet din profil på din arto, så skal den ligge på en ekstern server hvilket ikke er at foretrække, men dog den eneste mulighed hvis du vil kunne skifte temaer!

Jeg vil tro du skal have 3 forskellige .css filer med forskellige attributer! Ved ikke hvordan man rent teknisk får lavet sådan en tema-skifter, men vil tro det er noget serverside-scripting! Har du andre eksempler på nogen på arto der har gjort det?

Ellers kan det vist også laves i javascript, men det har jeg slet ikke forstand på!

Synes godt om

roenving Novice

21. juli 2005 - 01:41 #2

En måde at gøre det på:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;}
body{background-color:#faa;}
table{border:2px solid red;}
td{background-color:pink;border:1px dotted red;}
</style>
<style type="text/css" disabled>
body{background-color:#afa;}
table{border:2px solid green;}
td{background-color:#8f8;border:1px dotted green;}
</style>

<style type="text/css" disabled>
body{background-color:#aaf;}
table{border:2px solid blue;}
td{background-color:#88f;border:1px dotted blue;}
</style>
<style type="text/css">
table{border-collapse:collapse;width:300px;height:300px;}
</style>
<title>Skift style-tema</title>
</head>
<body>

<table id="Tema1">
<tr>
<td width="50%">Noget</td>
<td width="50%">Noget andet</td>
</tr>
<tr>
<td width="50%">Noget</td>
<td width="50%">Noget andet</td>
</tr>
</table>

<script type="text/javascript">var actTheme=0;</script>

Vælg tema:<br>
<select name="tema" onchange="var ss=document.styleSheets,n=+this.value;ss[actTheme].disabled=true;ss[n].disabled=false;actTheme=n;">
<option value="0" style="background:#faa">Default tema</option>
<option value="1" style="background:#afa">Tema 1</option>
<option value="2" style="background:#aaf">Tema 2</option>
</select>

</body>
</html>

Synes godt om

chrisesej Nybegynder

21. juli 2005 - 02:07 #3

så hvis jeg skal have min profil ind skal jeg ligge det istedet for: <table id="Tema1">
<tr>
<td width="50%">Noget</td>
<td width="50%">Noget andet</td>
</tr>
<tr>
<td width="50%">Noget</td>
<td width="50%">Noget andet</td>
</tr>
</table>
?? Eller er jeg helt forkert på den?

Synes godt om

chrisesej Nybegynder

21. juli 2005 - 02:10 #4

Har lige testet det i TSW.. Man kan også få ændret billederne sammen med farven?

Synes godt om

roenving Novice

21. juli 2005 - 02:10 #5

Kun baggrundsbilleder !-)

Synes godt om

chrisesej Nybegynder

21. juli 2005 - 02:13 #6

damn.. men man kan ikke lave 3 forskellige style.css med hver sit stylesheet? så det er 3 forskellige filer?

Synes godt om

chrisesej Nybegynder

21. juli 2005 - 02:14 #7

som zeddik sagde

Synes godt om

roenving Novice

21. juli 2005 - 02:19 #8

Jo, jeg har bare lavet det inline, så det fungerer som eksempel ...

Principielt burde du kunne lave det ved hjælp af link-tags på samme måde, dog måske med den forskel, at et inline stylesheet nummereres før eksterne, men den har jeg ikke haft brug for at undersøge selv !-)

Synes godt om

chrisesej Nybegynder

21. juli 2005 - 02:40 #9

Der er bare det.. Jeg kan narda css.. Jeg ville kunne lave alle tema'erne hvis jeg bare havde et stylesheet at gå ud fra.. som var lavet i forvejen.. det ville være så fedt!

Synes godt om

roenving Novice

21. juli 2005 - 02:48 #10

Kan du ikke bruge de stylesheets, som findes i ovenstående som inspiration ?-)

Synes godt om

chrisesej Nybegynder

21. juli 2005 - 02:54 #11

hmm.. skal prøve.. ellers ved jeg hvor jeg kan få hjælp :P

Synes godt om

roenving Novice

21. juli 2005 - 02:59 #12

Ellers kan du jo bruge nogle af de andre online ressourcer, f.eks. http://blooberry.com/indexdot/css/index.html !-)

Synes godt om

roenving Novice

21. juli 2005 - 03:10 #13

-- og ellers spørger du selvfølgelig bare løs !-)

Synes godt om

chrisesej Nybegynder

21. juli 2005 - 03:12 #14

hmm.. Måske er jeg over vildt træt eller også kan min hjerne bare ikke det der css..

I min arto profil er forsiden som normalt index det her er en fuld html fil.

her er koden: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Forside</title>
<meta name="generator" content="TSW WebCoder">
</head>

<body>
<div align="center">
<table border="0" width="505" height="121" cellspacing="0" cellpadding="0"><tr><td height="16" width="505" colspan="3"><img border="0" src="http://www.artodesigns.frac.dk/tema/gul_blaa/top_top.jpg" width="505" height="16"></td></tr><tr><td height="12" width="16" background="http://www.artodesigns.frac.dk/tema/gul_blaa/left_bg.jpg">
<img border="0" src="http://www.artodesigns.frac.dk/tema/gul_blaa/left_bg.jpg" width="16" height="14"></td><td height="12" width="473" bgcolor="#0000FF"><p align="center"><font size="5" face="Verdana" color="#FF0000"><b><marquee direction="left">Velkommen til Christians profil!! - Nyheder: Min nye profil er nu kommet op.</marquee>
</font></b></td><td height="12" width="16" background="http://www.artodesigns.frac.dk/tema/gul_blaa/right_bg.jpg"><img border="0" src="http://www.artodesigns.frac.dk/tema/gul_blaa/right_bg.jpg" width="16" height="14"><br>
</td></tr><tr><td height="14" width="505" colspan="3"><img border="0" src="http://www.artodesigns.frac.dk/tema/gul_blaa/top_bottom.jpg" width="505" height="16"></td></tr><tr><td height="10" width="505" colspan="3"></td></tr><tr><td height="10" width="505" colspan="3"><img border="0" src="http://www.artodesigns.frac.dk/tema/gul_blaa/indhold_top.jpg" width="505" height="16"></td></tr><tr><td height="19" width="16" background="http://www.artodesigns.frac.dk/tema/gul_blaa/left_bg.jpg"><img border="0" src="http://www.artodesigns.frac.dk/tema/gul_blaa/left_bg.jpg" width="16" height="14"></td><td height="19" width="473" bgcolor="#0000FF"><p align="center"><font color="#FF0000" size="1" face="Verdana"><h3><center><b></h3></center></b><h5>
<center>
<script language="Javascript1.2"> var alnadeem = "Haha! Taget på ferst gerning! Det er sku noget møj, hva? Find dig et nyt sted at hente ting fra! Det er sku ikke en gavebod!!";function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3) { alert(alnadeem); return false; } if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(alnadeem); return false; }}document.onmousedown = rtclickcheck//--></script>

<div align="center"><iframe name="menu" id="menu" frameborder="0" width="473px" height="46px" src="http://www.christianenpt.frac.dk/menu.html" allowtransparency="true" noresize valign="top"></iframe></div>

<div align="center"><iframe name="stat" id="stat" frameborder="0" width="473px" height="250px" src="http://www.christianenpt.frac.dk/forside.html" allowtransparency="true" noresize valign="top"></iframe></div>

<div align="center"><iframe name="menu" id="menu" frameborder="0" width="473px" height="46px" src="http://www.christianenpt.frac.dk/menu.html" allowtransparency="true" noresize valign="top"></iframe></div>
</h5></font></td>
</font></td><td height="19" width="16" background="http://www.artodesigns.frac.dk/tema/gul_blaa/right_bg.jpg"><img border="0" src="http://www.artodesigns.frac.dk/tema/gul_blaa/right_bg.jpg" width="16" height="14"><br>
</td></tr><tr><td height="16" width="505" colspan="3"><img border="0" src="http://www.artodesigns.frac.dk/tema/gul_blaa/indhold_bottom.jpg" width="505" height="16"></td></tr></table>

<script language="JavaScript">
function click() {
if (((event.button==3) & (navigator.appName=="Microsoft Internet Explorer")) ||
(event.button==3)) {
alert('Du skal fandme ikke prøve at snuppe noget!! DET ER FANDME IKKE EN GAVEBOD!! FIND DIT EGET') } }
document.onmousedown=click </script>
</body>
</html>

Man kan man ikke få ændret den om så det bliver en css fil? for det er den som ER min profil.. de andre sider er kun med tekst for hurtigere loade tid..

Synes godt om

chrisesej Nybegynder

21. juli 2005 - 03:15 #15

Der var en lille fejl ang. 2 klik bloggere... det er ændret nu..

Synes godt om

roenving Novice

21. juli 2005 - 03:27 #16

Fjern det der rightclick-script, hvis jeg skulle hjælpe dig en dag, ville jeg bare være irriteret og ikke gide at bruge de der 1½ til 15 sekunder på at komme udenom, som jeg skulle, hvis det gjorde noget ...

-- og så virker de altså ikke, hvis man bruger browserens Vis kilde-ting eller lignende ...

-- et rightclick-script signalerer absolut ikke, at man kan noget, men tværtimod, at man ikke er klar over, at det tager så kort tid at komme udenom (tjah, hrm, du kunne jo selvfølgelig neste det i 25 lag (i)frames, så ville jeg skulle bruge op imod et helt minut !-)

-- men du kan med css populært sagt kun ændre farvens lyd, ikke hverken indholdet eller hvordan den opfører sig, kun hvordan elementet ser ud og evt. hvor det findes i det pågældende vindue (eller (i)frame !-)

Synes godt om

chrisesej Nybegynder

21. juli 2005 - 04:06 #17

Jeg har fjern klik bloggerne.. men altså.. ville man ikke kunne bruge det index script jeg har nu i html til at lave til flere css filer som tema'er?

Synes godt om

olebole Juniormester

21. juli 2005 - 17:10 #18

<ole>

Måske, det ville være formålstjenligt, hvis du fandt ud af, hvad webkodning er for noget - og hvad ord som HTML, CSS, script og kode overhovedet dækker :)

/mvh
</bole>

Synes godt om

chrisesej Nybegynder

21. juli 2005 - 17:14 #19

Jeg har brugt e107 som hjemmeside på en side jeg havde.. der sad jeg og ændre i tema'ets style.css's farve koder så hele siden ændret sig..
Meget enkelt når man først finder ud af det.. og det kunne være sådan noget.. at jeg bare skulle ændre på nogle farvekoder og URLS for at kunne give det hele et nyt look..

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS