[html, css, js] Inline styles, foei #29

zaterdag 3 november 2012 @ 20:06:36 #226

karton2

Ik wil een index.php linken aan een external stylesheet. Normaal gesproken geen probleem maar nu dus wel.

Op de één of andere manier pakt hij de css alleen maar als ik de absolute link typ (localhost).
Als ik de link relatief van de index.php maak pakt hij niks.
Het liefste heb ik de url gewoon relatief want dat is makkerlijk als ik de boel online ga zetten.
Ik heb de link ook via het auto-aanvullen getypt maar ook dat levert niks op. Ik heb ook de .css voor het gemak maar in dezelfde map als de index gezet maar helaas.

Mapindeling is alsvolgt:
index.php
templateDetails.xml
images / plaatjes.jpg
css / stylesheet.css

1
2
3
4
5
6
7
8

<?php defined( "_JEXEC" ) or die( "Restricted access" );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<html xmlns="http://www.w3.org/1999/xhtml"/>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
</head>

edit/
Voor wat het waard is, de CSS gaat wel gewoon via relatief path

[ Bericht 2% gewijzigd door karton2 op 03-11-2012 23:16:05 ]

zondag 4 november 2012 @ 09:01:44 #227

raptorix

Ik zou sowieso het pad naar de CSS laten voorlopen met een slash, anders gaat het op onderliggende mappen fout. Overigens is voor dit soort problemen firebug ideaal, met net inspect zou je vrij snel moeten zien waar het fout gaat.

🕰️₿🕰️₿🕰️₿🕰️₿🕰️₿🕰️ TikTok next Block

zondag 4 november 2012 @ 16:42:32 #228

QM84

Het Orakel

quote:
Op zaterdag 3 november 2012 20:06 schreef karton2 het volgende:
Ik wil een index.php linken aan een external stylesheet. Normaal gesproken geen probleem maar nu dus wel.

Op de één of andere manier pakt hij de css alleen maar als ik de absolute link typ (localhost).
Als ik de link relatief van de index.php maak pakt hij niks.
Het liefste heb ik de url gewoon relatief want dat is makkerlijk als ik de boel online ga zetten.
Ik heb de link ook via het auto-aanvullen getypt maar ook dat levert niks op. Ik heb ook de .css voor het gemak maar in dezelfde map als de index gezet maar helaas.

Mapindeling is alsvolgt:
index.php
templateDetails.xml
images / plaatjes.jpg
css / stylesheet.css
[ code verwijderd ]

edit/
Voor wat het waard is, de CSS gaat wel gewoon via relatief path

Joomla wil dat je alles absoluut linkt, dus zo:

1	<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/style.css" rel="stylesheet" type="text/css" />

dat dus.

zondag 4 november 2012 @ 20:08:39 #229

TwyLight

Hoe zorg ik dat de text "Gebruikersnaam" een andere kleur wordt zodra het menu actief is?

http://jamiemarciano.me/help/

http://jamiemarciano.me/help/css/style.css

http://jamiemarciano.me/help//js/functions.js

ik kan geen JS dus heb die code van internet gehaald

zondag 4 november 2012 @ 20:33:25 #230

karton2

quote:
Op zondag 4 november 2012 16:42 schreef QM84 het volgende:

[..]

Joomla wil dat je alles absoluut linkt, dus zo:
[ code verwijderd ]

Inderdaad ja, hij werkt nu.
Dankjewel!

zondag 4 november 2012 @ 20:35:49 #231

Deeltjesversneller

v0lg je dr0men

quote:
Op zondag 4 november 2012 20:08 schreef TwyLight het volgende:
http://jamiemarciano.me/help//js/functions.js

1
2
3
4
5
6
7
8
9

    if (x == 1) {
      $(".dropdown").hide();
      $(this).attr('id', '0');
      $('#navigation.account').css('color','#fff');
    } else {
      $(".dropdown").show();
      $(this).attr('id', '1');
      $('#navigation.account').css('color','#f00');
    }

zondag 4 november 2012 @ 20:40:18 #232

TwyLight

quote:
Op zondag 4 november 2012 20:35 schreef Deeltjesversneller het volgende:

[..]
[ code verwijderd ]

Werkt niet

komt misschien omdat .css een jquery functie is en de rest van mijn javascript geen jquery is?

zoals ik zei ik kan geen JS dus geen idee

edit:
het werkt nu, er moest een spatie tussen #navigation en .account

thanks

[ Bericht 10% gewijzigd door TwyLight op 04-11-2012 20:45:33 ]

zondag 4 november 2012 @ 21:01:06 #233

Deeltjesversneller

v0lg je dr0men

idd, foutje!

maandag 5 november 2012 @ 14:47:53 #234

picodealion

quote:
Op zondag 4 november 2012 20:35 schreef Deeltjesversneller het volgende:

[..]
[ code verwijderd ]

Waarom niet gewoon een class toevoegen met .addClass en die stylen? .css levert inline styles op, altijd kut. Als je die kleur wilt veranderen moet je nu dus in de javascript gaan zitten kutten.

maandag 5 november 2012 @ 14:52:09 #235

picodealion

quote:
Op zondag 4 november 2012 20:08 schreef TwyLight het volgende:
Hoe zorg ik dat de text "Gebruikersnaam" een andere kleur wordt zodra het menu actief is?

http://jamiemarciano.me/help/

http://jamiemarciano.me/help/css/style.css

http://jamiemarciano.me/help//js/functions.js

ik kan geen JS dus heb die code van internet gehaald

http://jamiemarciano.me/fok/

Whoa, wat is dit? Ziet er goed uit!

maandag 5 november 2012 @ 14:59:44 #236

KomtTijd...

quote:
Op maandag 5 november 2012 14:52 schreef picodealion het volgende:

[..]

http://jamiemarciano.me/fok/

Whoa, wat is dit? Ziet er goed uit!

FOK!silver in een modern jasje

zcflevo.nl

maandag 5 november 2012 @ 15:01:20 #237

stefanhaan

Bloeddorstige wasbeer

als ik me niet vergis heeft hij daar een custom CSS van

It was an opportunity to honour our memories and to make room for new ones

maandag 5 november 2012 @ 15:04:03 #238

Deeltjesversneller

v0lg je dr0men

quote:
Op maandag 5 november 2012 14:47 schreef picodealion het volgende:

[..]

Waarom niet gewoon een class toevoegen met .addClass en die stylen? .css levert inline styles op, altijd kut. Als je die kleur wilt veranderen moet je nu dus in de javascript gaan zitten kutten.

je hebt gelijk, dat is beter.

quote:
Op maandag 5 november 2012 15:01 schreef stefanhaan het volgende:
als ik me niet vergis heeft hij daar een custom CSS van

ziet er meer uit alsof er een nieuwe layout komt. hoop het wel, de huidige vind ik lelijk.

maandag 5 november 2012 @ 15:05:10 #239

TwyLight

quote:
Op maandag 5 november 2012 14:52 schreef picodealion het volgende:

[..]

http://jamiemarciano.me/fok/

Whoa, wat is dit? Ziet er goed uit!

Forum mockup die ik ooit eens heb gemaakt in februari 2011

Heb daar een custom css van gemaakt die er op lijkt:
http://files.jamiemarciano.me/fok/style.css

Heb zelf geen abo meer (geen geld

) dus weet niet of er ondertussen dingen veranderd zijn die dan niet meer goed werken etc.

Forum thema iig op GoT in je settings als je hem wil gebruiken

maandag 5 november 2012 @ 15:17:29 #240

picodealion

Tof, dat ga ik zeker doen. Ik heb destijds de baggerlayout nagemaakt over FOK!Silver heen, maar deze lijkt me wel beter.

maandag 5 november 2012 @ 16:37:12 #241

boem-dikkie

Jedi Mind Baby!

Ik heb ook zo'n simplistische lay-out. Fucking nice.

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

maandag 5 november 2012 @ 16:38:04 #242

TwyLight

quote:
Op maandag 5 november 2012 16:37 schreef boem-dikkie het volgende:
Ik heb ook zo'n simplistische lay-out. Fucking nice.

Ik zit opgescheept met aids want geen gele sterretjes

maandag 5 november 2012 @ 16:45:58 #243

picodealion

Oh, alleen geen signatures zie ik nu. Misschien wel beter zo eigenlijk.

maandag 5 november 2012 @ 16:47:12 #244

TwyLight

Ik ken niemand die ook maar iets noemenswaardigs in zijn signature heeft staan

maandag 5 november 2012 @ 16:59:04 #245

Deeltjesversneller

v0lg je dr0men

quote:
Op maandag 5 november 2012 16:38 schreef TwyLight het volgende:

[..]

Ik zit opgescheept met aids want geen gele sterretjes

ik gebruik stylebot voor chrome, heb de mobiele layout een beetje nagemaakt. lekker strak en simpel. alle onnodigr dingen eruit gehaald.

maandag 5 november 2012 @ 17:11:29 #246

TwyLight

Stylish is wel ok maar sommige elementen van mijn stylesheet werken niet goed met die plugin. Plus dat er altijd een paar milliseconden vertraging in zit dus je ziet elke keer de pagina verspringen naar de nieuwe stijl. De custom CSS die je bij een abonnement krijgt werkt het beste.

maandag 5 november 2012 @ 19:33:15 #247

Deeltjesversneller

v0lg je dr0men

stylish heb ik ook wel eens gebruikt, maar niet lang. de reden weet ik niet meer, maar waarschijnlijk door wat jij zegt. bij stylebot zie ik meestal 0 vertraging, en die andere keren heb ik er geen last van.

maandag 5 november 2012 @ 21:20:46 #248

Rymooo

1
2
3
4
5
6
7

<div id="stylebox">
<select name="stylebox1">
<option value="[b]CSS1[/b]">Gray</option>
<option value="[b]CSS2[/b]">Black/White</option>
<option value="[b]CSS3[/b]">Colorfull</option>
</select>
</div>

Ik heb een dropdown box gemaakt, nu wil ik als je Gray aanklikt css file 1 geactiveerd word, hoe doe ik dit?\

maandag 5 november 2012 @ 21:23:52 #249

Catch22-

Ben je Blind?!

met js bijvoorbeeld. Zet de mogelijke opties in de head met een uniek ID en toggle adhv de waarde van de select.

Ik zou het overigens gewoon posten en inladen, dat is toch het makkelijkste.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 6 november 2012 @ 15:16:32 #250

-Beer-

misschien te veel gevraagd van jullie maar hoe zouden jullie deze pagina indelen qua code?

http://home.kpn.nl/timm6065/DokA%20Update.jpg

ik heb zelf wel enig verstand van html en css alleen ben ik een beetje in de war hoe je de achtergrond plaatjes in de code verwerkt. Ik heb de achtergrond nu in CSS staan maar ik weet niet zo goed wat ik aan moet met de 3 vlakken (donkergrijs, groen en wit) die daar bovenop liggen. Die moeten namelijk kunnen veranderen voor elke sub-pagina.

Voor de HTML heb ik dit:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<body>
<div id="outside_container">
    <div id="header">
        <img src="images/header-streepje.jpg" id="streepje1" />
        <img src="images/header-streepje.jpg" id="streepje2" />
        <ul id="menu">
            <li><a href="#">Over ons</a></li>
            <li><a href="#">Producties</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div>
    <div id="container">
        <div id="container2">
        <img src="images/inhoud-groen.png" />
        </div>
    </div>


</div>
</body>

En voor de CSS dit:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

body {
    margin:0px; padding:0px;
    background-color:#f9fbf4;
    font-family:Century Gothic, Helvetica, sans-serif;
}
#outside_container {
    background-color:#f9fbf4;
}
#header {
    background:url(../images/header-doka.jpg) no-repeat;
    min-height: 150px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
#streepje1 { position:absolute; top: 68px; right: 408px;
}
#streepje2 { position:absolute; top: 68px; right: 222px;
}
#container {
    background:url(../images/achtergrond.png) no-repeat;
    min-height:1353px;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
#container2 {
    background:url(../images/inhoud.png) repeat-y;
    position: absolute; top: 393px; left: 100px;
    min-height:500px;
    width: 800px;
    margin: 0 auto;
}
#footer {
    border-top:1px solid #3f2324;
    padding:10px 50px 80px 50px;
}

ul#menu {
    margin:0px;    padding:0px;
    position:absolute; top:66px; right:100px;
}
ul#menu li {
    margin:0px;    padding:0px;
    list-style: none;
    margin-left:40px;
    font-size:24px;
    font-weight:bold;
    text-transform:uppercase;
    display:inline;
}
ul#menu li a {
    text-decoration:none;
    color:#222222;
}
ul#menu li a:hover {
    text-decoration:none;
    color:#3a5c73;
}

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

» digital corner

» development

» digital corner

» development