Simpele css parser
Door Wesley Overdijk, 17 jaar geleden, 7.159x bekeken
Dit is een hele simpele css parser. Ik ben er zelf mee bezig om iets anders te maken, maar ik dacht hem hier maar te droppen voor het geval mensen het wouden gebruiken voor iets anders. De volledige set classes staat in het script, samen met het voorbeeld erbij.
voorbeeld gebruik:
Code (php)
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
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
<pre><?php
$test = <<<EOI
@variables
{
someVar: SomeKey;
someOtherVar: SomeOtherKey;
widthGen: 100%;
image: someCrappyImage.jpg;
}
@Define
{
someMarginConstant: nothing to do with margin ROFL!;
}
#header{
width: var(widthGen);
height: 95px;
background-image: url("var(image)");
background-repeat: no-repeat;
background-position: left;
clear: both;
}
#stranglyPlaced
{
width: var(widthGen); height: 150px;
clear: both;
margin: constant(someMarginConstant);
}
.oneLiner{width:100%;height:150px;clear:both; margin:0 auto;}
EOI;
$testInstance = new Solow_Css_Parser($test);
$testInstance->setProperty('.oneLiner', 'non-existant', 'bullcrap');
echo $testInstance;
?>
$test = <<<EOI
@variables
{
someVar: SomeKey;
someOtherVar: SomeOtherKey;
widthGen: 100%;
image: someCrappyImage.jpg;
}
@Define
{
someMarginConstant: nothing to do with margin ROFL!;
}
#header{
width: var(widthGen);
height: 95px;
background-image: url("var(image)");
background-repeat: no-repeat;
background-position: left;
clear: both;
}
#stranglyPlaced
{
width: var(widthGen); height: 150px;
clear: both;
margin: constant(someMarginConstant);
}
.oneLiner{width:100%;height:150px;clear:both; margin:0 auto;}
EOI;
$testInstance = new Solow_Css_Parser($test);
$testInstance->setProperty('.oneLiner', 'non-existant', 'bullcrap');
echo $testInstance;
?>
OUTPUT:
Code (php)
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
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
#header
{
width: 100%;
height: 95px;
background-image: url("someCrappyImage.jpg");
background-repeat: no-repeat;
background-position: left;
clear: both;
}
#stranglyPlaced
{
width: 100%;
height: 150px;
clear: both;
margin: nothing to do with margin ROFL!;
}
.oneLiner
{
width: 100%;
height: 150px;
clear: both;
margin: 0 auto;
non-existant: bullcrap;
}
{
width: 100%;
height: 95px;
background-image: url("someCrappyImage.jpg");
background-repeat: no-repeat;
background-position: left;
clear: both;
}
#stranglyPlaced
{
width: 100%;
height: 150px;
clear: both;
margin: nothing to do with margin ROFL!;
}
.oneLiner
{
width: 100%;
height: 150px;
clear: both;
margin: 0 auto;
non-existant: bullcrap;
}
Gesponsorde koppelingen
PHP script bestanden
Er zijn 9 reacties op 'Simpele css parser'
Om te reageren heb je een account nodig en je moet ingelogd zijn.
PHP hulp
0 seconden vanaf nu