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 går 22:30 Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
I går 15:56 Navigation i Peugeot 3-2008 fra 2017 Af arnepedersen i Andet software
I går 14:10 Outlook henter ikke mails Af TTA i Office & Kontorpakker
I går 13:58 vise billeder i kartotek med store ikoner inklusive optagelsesdato Af Malm i Billedbehandling
I går 13:35 Adobe Elements 2019, Organizer Crasher Af mort1 i Billedbehandling
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
Governance, Risk & Compliance: Knyt stærke bånd mellem forretning og sikkerhed
Læs mere »
SMB og cybertrusler: Brug sikkerhedsressourcerne optimalt
Er din cybersikkerhed klar til AI-revolutionen?
Sådan gør du: Elektronisk dokumentudveksling i praksis
Se alle »

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