Shop Mobile More Submit  Join Login

(Please ignore this journal) CSS Playground

Journal Entry: Wed Mar 26, 2008, 11:16 AM
Stamp Area!

Stamp - Comics by AzraelleWormser
Comics are an art form
I love Comics and Cartoons by PauZak
I love Comics and Cartoons
Comicslist stamp by Comicslist
ComicsList

I'm an adult and I still love cartoons!

I read the gallery descriptions
:thumb34894270:
I love your OC's even when it seems like nobody else does
Black And White Stamp by PhysicalMagic
I love black & white
Stamp- I heart Animation by ThirdPotato
I love animation
:thumb73718788:
I love all forms of animation

And an image too:
Scraps Have Feeling Too

Some useful links

FAQ #81: How can I create links to other deviants, deviations, or websites?
:faq88:
FAQ #104: What HTML formatting can we use on DeviantArt? And what is the format for these codes?
:faq223:

Deviant icons

:icongimptacular: GIMPtacular
:iconmozilla: Mozilla
:icontheknotters: TheKnotters
:icondeviantartfilm: deviantartfilm
:iconcomicslist: Comicslist
:iconme: me


CSS experiments

Sorry for the noise, this meaningless journal (although not more than some I have read... :D) is made only as a CSS playground, to allow me to test various CSS designs, for me or for others, in various browsers.
Of course, the great Journal CSS Editor made by xork could be used for this, but I prefer to have my own sandbox, in real, live setting.
The first version was for feawen but I just changed the images to no longer use her design, since she picked another CSS.

The 2008 deviantART Ani-Jam
:iconfernplz::iconanijamplz:


Some Big Section
Micro-scripts


These are bookmarklets, to be pasted in the address bar of the browser. Should work for most browsers.

(No mood) for journal javascript:var es = document.getElementsByName("supermoodid"); es[0].value = 0; void(0);

Move comment box next to deviation javascript: var co = document.getElementById("reply"); var ca = document.getElementById("zoomed-in").parentNode; ca.appendChild(co); void(0);

"Secret" URLs


  • Gallery feed: http://PhiLho.deviantART.com/stats/gallery/feed.xml - OR - http://PhiLho.deviantART.com/stats/gallery/script.js.php
  • Gallery RSS feed: http://backend.deviantart.com/rss.xml?q=by%3Aphilho+sort%3Atime+-in%3Ascraps&type=deviation
  • Journal RSS feed: http://PhiLho.deviantART.com/journal/rss/ ==> http://backend.deviantart.com/rss/journal/philho.xml
  • JSON interface:
    1. http://www.deviantart.com/global/difi.php?c[]=Menu;get;art,2&t=json
    2. http://www.deviantart.com/global/difi.php?c[]=Menu;get;art,2&t=php -- PHP array
    3. http://www.deviantart.com/global/difi.php?c[]=Menu;get;art,2 -- HTML table


HTML codes in dA


<i>italic</i> italic (also <em>emphasis</em> emphasis)
<b>bold</b> bold (also <strong>strong</strong> strong)
<u>underlined</u> underlined
<sup>superscript</sup> superscript
<sub>subscript</sub> subscript
<acronym title="tooltip">acronym</acronym> acronym
<strike>strike</strike> strike (but not <s>strike</s> strike)



HTML codes that doesn't work in dA


Only admins like lolly can use hn tags!
:tears:
For some mysterious  reason, span tag isn't allowed on dA.
Curiously, the closing span tag isn't escaped.



Special Effects
Trying vectical link bar with hovering effect




Trying horizontal link bar with hovering effect


HomedA HomeArtFaves



  • Listening to: Computer humming
  • Reading: W3C documents
  • Watching: The CSS being built
  • Playing: With the rules!
  • Eating: Braiiiiiins!
  • Drinking: Water
Add a Comment:
 
:iconadorelife:
adorelife Featured By Owner Apr 22, 2008
great! thank u so much for helping at the forum :heart:
Reply
:iconphilho:
philho Featured By Owner Apr 22, 2008  Hobbyist Traditional Artist
You are welcome, and thanks for the add.
Reply
:iconcarlovalente:
CarloValente Featured By Owner Apr 1, 2008  Hobbyist General Artist
interesting sidebar... the same css code that you give me?
Reply
:iconphilho:
philho Featured By Owner Apr 1, 2008  Hobbyist Traditional Artist
Lol, not really. I experimented today a lot with journal CSS and found out that to be compatible with IE 6, the most used solution to make such sidebar is to have it positioned absolutely, and to push the journal text to the left with padding.
I can give you the code if you wish, or just take a look at this message.
Reply
:iconcarlovalente:
CarloValente Featured By Owner Apr 2, 2008  Hobbyist General Artist
my sidebar is not compatible with IE! :(
Reply
:iconphilho:
philho Featured By Owner Apr 2, 2008  Hobbyist Traditional Artist
Yes, I discovered that while playing with the above CSS... :(
Some designs are messed up by IE, and the fact the journal is inserted in the middle of a bigger page doesn't help!
A possible workaround is to set special values for IE, with smaller percentages: _width: 85%; or something. That's because it interprets the box model differently than the W3C spec... and properties preceded by an underscore are understood only by IE!
Reply
:iconcarlovalente:
CarloValente Featured By Owner Apr 8, 2008  Hobbyist General Artist
IE suks
Reply
:iconphilho:
philho Featured By Owner Apr 8, 2008  Hobbyist Traditional Artist
Yes, particularly from the webmaster point of view: so much to do to make a design working for it. It is better with IE7, should be OK with IE8. I no longer care about IE5 or IE5.5, which seem to have become even less used than Opera, and are really quirky, but from what I saw, IE6 is still widely used, so we must address it...
Reply
:iconcarlovalente:
CarloValente Featured By Owner Apr 8, 2008  Hobbyist General Artist
i use only firefox....

some day ago i find Firefox Portable... it's faster!
Reply
:iconshin-senpuu:
Shin-Senpuu Featured By Owner Mar 26, 2008
:D
Reply
:iconcarlovalente:
CarloValente Featured By Owner Mar 26, 2008  Hobbyist General Artist
:)
Reply
Add a Comment:
 
×

:iconphilho: More from philho


More from DeviantArt



Details

Submitted on
March 26, 2008
Link
Thumb

Stats

Views
3,705
Favourites
0
Comments
11
×