Sponsors

Highlighted

Trick or Treat by °chanelqueen17  1 month 1 week  ago

Trick or Treat by °chanelqueen17 1 month 1 week ago

^nat
After months of work, chanelqueen17 has created a gorgeous scene of Alice and Oz from Pandora Hearts, using scans that didn't even feature both characters together. Even after spending so much time on matching the details of the characters to their new looks, chanelqueen17 didn't stop there and went all out on the background too! This wallpaper definitely needs to be seen!

ShoutBox

~kittylove 2 seconds ago
* huggles with roxie* you got two girls huging you now!

~Roxie-Rae 53 seconds ago
*huggles virus too, just to copy kitty*

$virus9009 1 minute ago
Free huggles?! |(C_C)| emoticon niice thanky

`Ali3n 1 minute ago
@ Virus: I have no idea what you said there. Monkey picket oolong? O_O what's that?

~kittylove 3 minutes ago
Oh Virus you need some love * huggles*

~Mysticmom2 3 minutes ago
O.o

~Espada 3 minutes ago
But we have people watching kitty.

$virus9009 3 minutes ago
(o_o) emoticon *so confused @~Espada & kittylove*

~kittylove 3 minutes ago
Oh take me espada! jk jk

~Espada 4 minutes ago
Never do

Browser Specific Code Guidline

user avatar
ChaosKaizer
Developer
42
Topics: 52
Posts: 395
2 years 3 months ago
AP CSS selector for targeting specific browser.

Supported Browser
1. Firefox (all Gecko Engine)
2. Safari
3. Opera
4. MSIE 6
5. MSIE 7

Firefox2, Flock, Camino, Mozilla Application Suite, Netscape.


body.firefox selector{ }


Safari Browser (Mac/Windows - all version)


body.safari selector{ }


Opera Browser (all version)


body.opera{ }


MS Internet Explorer 6


body.msie6 selector{ }


MS Internet Explorer 7


body.msie7 selector{ }


note: MSIE 5 & below is not supported.

Example Usage

Standard code

div.header{ width: 650px }


just for Safari
.safari div.header{ width: 649px }

for MSIE 6 & 7

.msie6 div.header,
.msie7 div.header{
width: 550px
}



CSS hack

List of invalid CSS hack that will be strip by AP CSS Compressor.


IE extended underscore : _ (i.e: _margin: 15px;)
IE extended string : !@#$%^&*()_-+=/?.,|{;:<>
IE Backslash hack: \ (i.e: w\idth: 180px;)
IE expression : prop: expression()
IE htc : behavior:url()


is valid CSS Hack but not recommended.


IE 6 : * html selector{}
IE 7 : *:first-child+html selector{}
Opera 9 : html:first-child selector{}




Support the standards so it will continue to look good in the future.


--
Any question? Please post in new threads.This thread is closed for future revision.

#641255 Quote Report Edited by ☆ChaosKaizer 2 years 3 months ago

user avatar
ChaosKaizer
Developer
42
Topics: 52
Posts: 395
2 years 2 months ago

We had updated the browser specific code. The new (X)HTML structure look like the below code.



<body class="browser_name browser_version">


The new browser css selector has two classname. The first one is the browser user agent name and the second classname is the browser user agent name with initial version number. the below example show you what its look like if user is on internet explorer 6.


body.msie{}
body.msie6{}

both of the two selector above is available.

Now you can target all browser version and specified different styles for different browser version number. This methods would be useful if let say you want to fix IE consistency bug (haslayout) .

normally you would write it like so


body.msie6 div.box,body.msie7 div.box{
height:1%
}


With the new code you. you only need to write it like the below example


body.msie{ height:1% }



New browser added

Konqueror
netscape


Ap Specific browser selector

body.firefox{}
body.firefox1{}
body.firefox2{}
body.firefox3{} "trunk version"

body.opera{}
body.opera8{}
body.opera9{}

body.safari{}
body.safari2{}
body.safari3{} "3b public version both Windows & Osx"

body.msie{}
body.msie6{}
body.msie7{}

body.konqueror{}
body.konqueror3{} "version 3.0 - 3.5"

body.netscape{}
body.netscape8{}
body.netscape9{} "on linux"


If you guys need anything regarding our CSS send it to User posted image.

This post has been filtered for improved legibility #655979 Quote Report Edited by ☆ChaosKaizer 2 years 2 months ago