HOME | DD | Gallery | Favourites | RSS
| deviantCSS
deviantCSS
[6268119]
[2007-12-24 18:45:56 +0000 UTC]
"deviantART XHTML & CSS Ref"
# Statistics
Watchers: 3081; Pageviews: 292740
# Group admins
# About me
deviantCSS is a full CSS and HTML resource/guide regarding available places on deviantART that you can use codes into it (e.g. Devious Journal, Custom Module, Artist's Comment, News Article, dAmn Chat, etc)
# Comments
Comments: 1587
advertising: Join the dark side! We have pie! (yeah of course we do) Look at [link] #6
Pie Pie! REALLY!
๐: 0 โฉ: 0
Check Out My Web -----> [link]
๐: 0 โฉ: 0
Hello,
This page amazed !!
I have really benefited from much
Thank you to all members this page !
~Peace
- ยฐยซลล ฯ ฮญ ฯ ! ฮฌ ฤปฮนยปยฐ
๐: 0 โฉ: 0
Please take a look here and here .
All necessary font and text properties and possibilities are explained there.
๐: 0 โฉ: 0
Hi fellows, maybe here I can get a little help from you, because of CSS, I hope so. So, i've downloaded a CSS/jQuery slider, that I want to implement in my website, and i have a little problem with it
See image below:
[link]
Why the following image is superseding the previous one?
Here is HTML source code:
- ย
Here is CSS source code:
#gallery{
/* CSS3 Box Shadow */
-moz-box-shadow:0 0 3px #AAAAAA;
-webkit-box-shadow:0 0 3px #AAAAAA;
box-shadow:0 0 3px #AAAAAA;
/* CSS3 Rounded Corners */
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-left-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
border:1px solid white;
background:url(../img/panel.jpg) repeat-x bottom center #ffffff;
/* The width of the gallery */
width:920px;
overflow:hidden;
}
#slides{ /* This is the slide area */ height:400px; /* jQuery changes the width later on to the sum of the widths of all the slides. */ width:920px; overflow:hidden; }
.slide{ float:left; }
#menu{ /* This is the container for the thumbnails */ height:45px; }
ul{ margin:0px; padding:0px; }
li{ /* Every thumbnail is a li element */ width:60px; display:inline-block; list-style:none; height:45px; overflow:hidden; }
li.inact:hover{ /* The inactive state, highlighted on mouse over */ background:url(../img/pic_bg.png) repeat; }
li.act,li.act:hover{ /* The active state of the thumb */ background:url(../img/active_bg.png) no-repeat; }
li.act a{ cursor:default; }
.fbar{ /* The left-most vertical bar, next to the first thumbnail */ width:2px; background:url(img/divider.png) no-repeat right; }
li a{ display:block; background:url(../img/divider.png) no-repeat right; height:35px; padding-top:10px; }
a img{ border:2px #AAAAAA; }
/* The styles below are only necessary for the demo page */
h1{ font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:36px; font-weight:normal; margin-bottom:15px; }
h2{ font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; position:absolute; right:0; text-transform:uppercase; top:15px; }
#main{ /* The main container */ margin:15px auto; text-align:center; width:920px; position:relative;
-webkit-box-shadow: black 0px 0px 8px;
-moz-box-shadow: black 0px 0px 8px;
margin-bottom: 50px; margin-top: 50px; }
a, a:visited { color:#0196e3; text-decoration:none; outline:none; }
a:hover{ text-decoration:underline; }
p{ padding:10px; text-align:center; }
๐: 0 โฉ: 1
As far as I can see, the problem is that your picture is shorter than you screen.
The code "repeat-x" says to repeat the picture horizontal, which is what it does.
Hope it helps
๐: 0 โฉ: 0
Yay, I just discovered I can give the group a llama!
๐: 0 โฉ: 1
how? I can't see that llama button!
๐: 0 โฉ: 1
Try this direct link: [link]
You click on the llama, then you see the badge list, click on the list. It brings you to that page where you can get him sunglasses, etc AND, tada! Gift a llama. I discovered this because someone else already did it and I was like, what??? XDDDD
๐: 0 โฉ: 1
ooh thank you and I did.
๐: 0 โฉ: 0
Just dropping real quick that this is an awesome idea..just putting it out there lol
๐: 0 โฉ: 0
What? Is that a question or a statement?
๐: 0 โฉ: 1
There are a number of free journal skins available, look under installable. Member folder and designs have both commissioned/personal/private, and free. But I believe all under installable are free to use. Check through the galleries.
๐: 0 โฉ: 1
Im not a premium member.
๐: 0 โฉ: 0
Is there a list of what's what, in the CSS? Like what everything is called in the code (header, footer, etc)
๐: 0 โฉ: 1
Try some of these tutorials in the Tutorial Gallery: [link]
๐: 0 โฉ: 1
Actually, the easiest bit is to apply one of the skins and edit the code, from within - reverse engineering, if you will.
๐: 0 โฉ: 1
True, but a lot of these tutes outline the entire blog layout structuring. That was what you wanted, right? That way there's no confusion with boxes and between gruze and non gruze journal codes. Also, many would frown upon too much reverse engineering and not properly structuring a journal, they can tend to be patchwork and unorganized if you just use the skeleton of someone else's. Editing and such is all fine and good for personal use or for trial and error learning.
๐: 0 โฉ: 0
anyone has a brazilian tutorial about journal css please ?
๐: 0 โฉ: 0
Anyone know how to make a drop down menu in custom widgets? Thanks in advance
๐: 0 โฉ: 0
The floaty-boat code doesn't work in groups, does it? 
๐: 0 โฉ: 0
I always love to drop by this ground for all my CSS / HTML needs
๐: 0 โฉ: 2
omg finding this group answered a lot of questions! xD
Thanks for everyone in this group for all your effort and hard work!
๐: 0 โฉ: 0
I am a talented designer looking for a partner to collab on a skin. I can design and need someone to code. We can put both our names down the bottom and get tons of page views.
Note me!
๐: 0 โฉ: 0
Hey there!
I made a journal skin a while back, and I'd love to see people actually get to use it. Not to mention it'd be much easier to iron out the kinks with more than just myself.
Does your group accept recommendations by random passerby such as myself? Is it even up to your quality standards?
Thanks much, sorry to bother!
๐: 0 โฉ: 0
hello~ i need help with something. see i've made a few skins and i've coded them myself. so far all that is good ecept for the skins only look good with IE. i was wondering if i could get some help on fixing my css codes for them to look fine in all browsers.
๐: 0 โฉ: 1
Have you gone through any tutorials for it first? I think you may find one here in DA..
If not then I can help you out!
Presently I'm working on my own journal CSS which is coming to its final stage now. I've been working continously on it from yesterday morning till now. May be by tomorrow or the day after I'll be releasing it.. So if you want then I can make correction on your CSS after I complete mine. I can still give a quick run-through on your CSS in between though(if its a simple one)! 
๐: 0 โฉ: 1
i've used tutorials on how to make them. since i've made mine. coded them from scratch. they work fine for IE but sadly not for other browsers. that's what i'm trying to fix and i really have no clue how. so any help would be grand.
of course there is no rush. let me know when you can help me out and i'll gladly send you to one of the skins i've made.
๐: 0 โฉ: 1
Ok do one thing...
As you've completed your skin in IE, load it into other browser such as Firefox and fix the codes there..BUT DO NOT DELETE OR MODIFY YOUR PREVIOUS CODES THAT YOU'VE DONE IN IE!!
For a specific line to work as it should in IE suppose, use !IE at the end of the line..for example.
margin: 4px 3px; <---------Will work in the present browser you're working
margin: 2px 3px !IE; <------Will work in IE
You may google to find some more tutorials...
Hope this small tip works...
๐: 0 โฉ: 2
actualy now i have another problem 8T
i've fixed my css so it looks good for both browsers but now i get this problem.
it looks good when the journal is viewed in it's private section [link]
but the writing is off when it is on the profile page. [link]
any ideas on how to fix that? (ignore the fact my text is white. it will be fixed XD)
๐: 0 โฉ: 1
Good that you've fixed your codes with other browsers...
And the present problem looks like a problem of margin,padding,text-align or somthing like that!...
Can't say without looking at the codes...
๐: 0 โฉ: 1
shall i send you my codes via PM?
'cause i'm stumped. DX
๐: 0 โฉ: 1
yeah ok..
but I'm working on my own, I'll give it a look later on..
๐: 0 โฉ: 1
alrighty. there's no rush. take your time.
thank you so much for your help.
๐: 0 โฉ: 1
oooooooh! ok! i guess i'll have to download firefox and others. or are the other browsers such as chrome and what not the same as firefox?
thank you so much for the help! you're a life saver!
๐: 0 โฉ: 0
Hi! I have a question about a code. I completely forgot the code that makes the lyrics lean. Please help me! XD
๐: 0 โฉ: 1
Hum, I'll give an example. See what *Bab-Jane wrote below. Where has "Someday You Will find me caught beneath the landslide, in a champagne supernova in the sky ..." the letters are smaller. (:
๐: 0 โฉ: 1
Oh that! The syntax for that code is actually above these comments and it's called subscripted text. You need to put your text like so:
<sub>your text</sub>
๐: 0 โฉ: 1
Test.
Ok! That is exactly what I wanted! I will save the code to not lose it. 
๐: 0 โฉ: 1
<= Prev | | Next =>