HOME | DD | Gallery | Favourites | RSS
| deviantCSS
deviantCSS
[6268119]
[2007-12-24 18:45:56 +0000 UTC]
"deviantART XHTML & CSS Ref"
# Statistics
Watchers: 3081; Pageviews: 292739
# 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
hi there, im looking for someone who does journal skin commissions, you wouldnt by any chance know if anyone is open for that? ^_^
👍: 0 ⏩: 1
I know some, among others myself. =Nesmaty , =SimplySilent , `miontre , `CypherVisor , for example. When you browse the deviantART related CSS section you will stumble over a lot of deviants who do commissions.
👍: 0 ⏩: 1
thank you so much for the suggestions, ive been looking around but the few people ive
found that did journal skin commissions were closed
what a complete journal skin would cost? (if i got it from you that is) i know nothing about
codes, or... well anything xD not when it comes to journals anyway.
👍: 0 ⏩: 1
If you're still looking I do commision 
👍: 0 ⏩: 0
How do get the drop-down what says the names of the journals (what is the HTML code)?
Thanks a ton!
👍: 0 ⏩: 0
The invisible cursor works fine for me with Chrome. The two zoom and the two grab cursors don't, though.
👍: 0 ⏩: 0
Got something that allows you to change the Journal icon at the top left? .gr-top img
👍: 0 ⏩: 1
make it invisible or try using another icon intead of the standard one. I usually make it invisible.
👍: 0 ⏩: 1
I want to change it, but I don't know how to.
👍: 0 ⏩: 0
Hey there! 
Thanks
👍: 0 ⏩: 2
gruze does have more classes and some elements are related differently to other elements than before. The base structure is identical and for simple layouts you won't see a real difference. The more complex the layout gets, you'll see gruze's advantages. You have more options to style the journal thru the extra classes, `GillianIvy puts them to good use. I haven't used gruze to it's fullest potential yet, but I switched to the new layout nonetheless and will update my remaining old ones slowly...
👍: 0 ⏩: 1
Ok, that makes a lot of sense. Most of my journals are pretty simple, so I never really noticed the difference between the two layouts. Thanks for the explanation~
👍: 0 ⏩: 1
To be honest I don't know for sure, because I've never worked with the older layout. But I've heard from a lot of people that the newer layout offers a few more "layers" to work with, giving you more options as to what can be achieved. Take a look at this article by `GillianIvy , should explain it for you
👍: 0 ⏩: 1
Thanks for the explanation.
👍: 0 ⏩: 1
No worries
👍: 0 ⏩: 1
Ooh, yes. I stalk the #CSS-DYK articles.
That is one advantage I really like. I wonder if it could be used for the PE articles... Those you had to modify with your icon, right?
👍: 0 ⏩: 1
I was thinking about that! But then I realised that since the PE article deletes .gr-top, it wouldn't show up anyway. But to be honest, it's annoying that gr-top gets deleted because then you've got to put the title in manually 
👍: 0 ⏩: 1
Yes, the title bit has been annoying me. X.x I didn't take a very good look at the coding for that skin, but hopefully it can be done.
👍: 0 ⏩: 1
For me too!
👍: 0 ⏩: 1
Hello!
I've been wanting to make my own Journal skin from a picture that Ive created in Photoshop, and with hours of research I still can't figure how to covert the image into CSS.
I would love some help!
👍: 0 ⏩: 2
You can't convert any image into CSS. CSS helps you to set the image as background and make other changes like fonts, colors, etc.
👍: 0 ⏩: 1
Thanks for the info! I'm pretty new to the whole CSS thing so I'm trying to learn what I can
👍: 0 ⏩: 1
Welcome! Have a look at my favourites folder with CSS Tips , it contains basic tutorials as well as more detailed ones. In the descriptions of some of them, you'll find links to other tuts. These should help you to start with CSS.
👍: 0 ⏩: 1
Alright! I'll go check it out.
👍: 0 ⏩: 0
Can you show me your image?
👍: 0 ⏩: 1
Hello hello!
I'm seeking some help. I've looked at several tutorials, but I'm struggling to find what I'm looking for.
The skin I'm working on in question is this:[link] The tutorial I used is this: [link]
Sorry it's a journal about my commissions. It is not my intent to advertise. It's just happens to be the journal I'm testing the skin on. >_<
The problem I'm running into is the comments link. I would like it at the bottom part of the cone. The tutorial says I can add padding, which I did, but it seems to be cause of the awkward empty space I'm having at the bottom of my journal. Is there a way to move the comments without getting that space?
I'd really like to get to the point where I can share the journal, but I'm a bit scared since I'm such a css newbie. It's all a bit overwhelming at the start, so I'm trying to have my best understanding before sharing.
Do you have any suggested CSS tutorials that explain all the options really well?
👍: 0 ⏩: 2
That tutorial uses the older journal format, I would try it with the new as it has more options for you to change.
Start with these tutorials
[link] [link] [link] - check the rest of her other tutorials too.
and for more tutorials I'm going to send you to my favorites folder, full of CSS tutorials and tricks [link]
👍: 0 ⏩: 1
Oh oh oh! Thank you! I will be sure to check out all of these! Really. Thank you so much!
👍: 0 ⏩: 1
It's looking really good
Did you get it working? Because on my screen it's in the bottom part of the cone.
👍: 0 ⏩: 1
Thank you so much!
And I must have worded poorly. My problem is the space it creates under the journal. It's like the padding I added to move the comments further down created an empty space under the bottom of the cone. The only way I can get rid of it is by removing the padding, and not having the comments where I would like them to be.
👍: 0 ⏩: 2
And I would also suggest that you use the newer layout.
👍: 0 ⏩: 0
Got it for you!
First, get rid of the padding, and then add these two lines:
display: block;
line-height: 164px;
Hope that works
👍: 0 ⏩: 0
A couple of days ago I was reading through some CSS guides and there was mention of lining up an image on one side and having text wrap around it- rather than having the image placed on a line with a big gap. I'm not sure how to describe it and have tried googling different descriptions for this but I'm not having any luck, can anyone point me in the right direction please?
👍: 0 ⏩: 1
Try float: left;
(you can change left to right, whatever suits).
Hope that helps!
👍: 0 ⏩: 1
Just to make sure, was this for a journal or for a custom box?
👍: 0 ⏩: 1
It was for a journal
The journal is here: [link]
I'll admit I am pretty useless with css and coding. I used to fiddle with html as a kid but it's been a long time, so it took a lot of chopping and changing to get the float code in the right place, and then to close the float because the "No Comments" link kept coming up to the right side of the journal, but I managed it
if you'd like to see it, in the CSS box I put
.image1 {
float: left
}
and then in the actual journal:
< div class="image1" >
(this was the image code)< /div >
(this was the text) < /div >
👍: 0 ⏩: 0
Hi, I'm looking for a custom box code that could allow you to have your picture framed.
(similar to this guy [link] ,but free)
👍: 0 ⏩: 2
If you have a look through `CypherVisor 's custom box gallery, he has compiled many button styles, etc which could be used as a simple container to hold the images, however not as an image here.
👍: 0 ⏩: 1
There is no code for that, he would have used an image which resembles a picture frame
In other words, he took the image he wanted "framed", used some editing software like Photoshop or GIMP to put it in the frame, and then uploaded that image in Sta.sh or something, and then used this code to add it to his page:
<a href="link to deviation"><img src="link to image">a>
👍: 0 ⏩: 1
whats the code for a bar and when you hover over it, it shows something
something like to the bar that says hover here: [link]
👍: 0 ⏩: 1
One of the easiest ways to code this would be using a list. The principle is pretty simple. The regular state of the section is hidden, then on hover, you show it. This is done via the "display" property.
HTML:
- Title of Hover List
- List Item
So now you have a simple list with one list item. To hide the list item you would write it like this:
ul li{
display:none;
}
Then, when you hover the Title portion, you want the list to reappear.
ul:hover li{
display:block;
}
(can be any display property other than hidden or none)
If you want this to only effect a specific list, either put the list in it's own container DIV or name the list so it has it's own class:
- Title
- List Item
or
- Title of Hover List
- List Item
CSS:
ul.named li{
display:none;
}
or
.named ul li{
display:none;
}
There are several ways to do this, you do not always need to use a list, it just might be easiest. At least, that is my preferred method. I hope this helps you.
👍: 0 ⏩: 1
<= Prev | | Next =>