CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede 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!
Avatar billede 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å!
Avatar billede 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>
Avatar billede 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?
Avatar billede chrisesej Nybegynder
21. juli 2005 - 02:10 #4
Har lige testet det i TSW.. Man kan også få ændret billederne sammen med farven?
Avatar billede roenving Novice
21. juli 2005 - 02:10 #5
Kun baggrundsbilleder !-)
Avatar billede 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?
Avatar billede chrisesej Nybegynder
21. juli 2005 - 02:14 #7
som zeddik sagde
Avatar billede 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 !-)
Avatar billede 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!
Avatar billede roenving Novice
21. juli 2005 - 02:48 #10
Kan du ikke bruge de stylesheets, som findes i ovenstående som inspiration ?-)
Avatar billede chrisesej Nybegynder
21. juli 2005 - 02:54 #11
hmm.. skal prøve.. ellers ved jeg hvor jeg kan få hjælp :P
Avatar billede 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 !-)
Avatar billede roenving Novice
21. juli 2005 - 03:10 #13
-- og ellers spørger du selvfølgelig bare løs !-)
Avatar billede 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..
Avatar billede chrisesej Nybegynder
21. juli 2005 - 03:15 #15
Der var en lille fejl ang. 2 klik bloggere... det er ændret nu..
Avatar billede 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 !-)
Avatar billede 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?
Avatar billede 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>
Avatar billede 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..
Avatar billede 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.

Loading billede Opret Preview
Kategori
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
Variabler som ikke virker Af Frits Jensen i HTML 2 30/10/202409:37 30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 2 29/09/202410:58 30/09/202412:04
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 07:53 Kan jeg lave en "søg og erstat" i databasen Af a3-seo.dk i MySQL
I går 11:30 Ændre det aller første billed, man ser ? Før man skriver koden (Windows 11) ... Af Ikke-ekspert i Windows
I går 10:47 NUM. tastatur og pc indbygget mus virker ikke. Af arnepedersen i Excel
I går 04:32 Korrupt CF kort Af Mozcan i Foto & video
26/1221:34 install.esd og boot.wim Af sjass i Windows
White papers
Flere white papers »


Premium
Teaser billede
Ny leverandør har netop underskrevet kontrakt med Kombit om kæmpe dansk bibliotekssystem
Læs mere »
M365 Copilot kan blive hurtigere og billigere: Microsoft åbner for alternativer til OpenAI
Ny europæiske supercomputer med 14.000 GPU’er sætter danske Gefion til vægs: Skal bruges til at udvinde kulsort energi
Nye skatteregler for kryptovaluta udskydes: Vil påvirke 300.000 danskere
Se alle »
Computerworld
Teaser billede
Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder
Læs mere »
Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Test: Endelig en videodørklokke i smart indpakning og performance, der matcher
Se alle »
CIO
Teaser billede
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Læs mere »
Vores vidensindsamling og demokratiske samtale påvirkes af helt lukkede beslutninger i en enkelt privat virksomhed
Den danske ungdom ser intet formål i at arbejde med it
Tivoli søger ny CIO: Kenneth Hartvig stopper efter tre år på posten
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Se alle »
White paper
Teaser billede
Sikkerhed uden grænser: Cisco Hypershield
Læs mere »
Governance, Risk & Compliance: Knyt stærke bånd mellem forretning og sikkerhed
Sådan gør du: Elektronisk dokumentudveksling i praksis
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »