More dAmn.ws problemsHello everyone.More dAmn.ws problems by =photofroggy
#dAmnIdlers API!So, for those of you who are aware of the IdleRPG I've been running for dAmn named :#dAmnIdlers:, you should know that there's a website (which I've recently updated) that can be found at this location which has a listing of all the registered users, as well as information on each user. For the developers among you who would like to integrate some stats into your works (bots, applications, websites, etc) I wrote a simple API to obtain information related to the users of #dAmnIdlers.#dAmnIdlers API! by ~DivinityArcane
deviantART should make their own 3D print shopTitle says all.deviantART should make their own 3D print shop by =NAkos
A guide to bot ownershipA guide to bot ownershipA guide to bot ownership by ~DivinityArcane
border-radius, which many of you probably already know of, but here it is again (you can hover over the CSS property to get a tooltip with more information):
border-radius, but not all corners have the same radius value:
box-shadowis a handy property you can apply, although it's a bit more complicated. But here's a simple example:
box-shadowis 6 pixels to the right, and 6 pixels below the div, with a feather of 10 pixels, and a color of #000000.
box-shadow. But you can make it a bit more complicated, for example, adding a spread value to the shadow. A spread value is how much to shrink or expand the shadow. So here's that same example, but I've expanded the
box-shadowby 5 pixels:
box-shadowis 6 pixels to the right, and 6 pixels below the div, with a feather of 10 pixels, and a color of #000000. It's now expanded to 5 pixels bigger than normal.
insetafter your color value. here's a
box-shadowwith an inset shadow type:
box-shadow's on top of each other, to add more of them. Here's a div with multiple
rgba()is a way to specify color values based on red green and blue values, and an alpha value. This is useful to put transparency into the color. Below is the same blue colored box as above, but at lower than half opacity, which should show the background texture:
rgba()value here is
rgba(217,234,255,0.4), and the last 0.4 value tells the color how opaque to be.
rgba()color notation can be used anywhere that you can put colors. You may need to specify the opacity value with a 0 in front of the decimal, but that may change in the future. If you get errors using
rgba()try making the alpha value start with a 0.
*/. So this is a proper comment:
/* this selector styles the headings */. Below is an example of some CSS and a comment:
contentselectors and properties are all related, and it lets you apply content based on CSS rather than HTML. The
:afterselectors let you apply
contentbefore and after certain classes and selectors, and what is before and after is selected based on the
contentproperty. That's a bit hard to explain, but here is an example:
content, I am able to apply the text " user" to dA's built member classes when I use the :devusername: HTML: `electricjonny `ginkgografix
content. We can use images (and more), so lets see what happens when we use an image. Here is the same CSS, but instead of using text, I'm going to apply an image:
contentand also images. But we can also append attributes to things. This is a bit complicated, but lets say you want to put the location of a link after the link. Here's what I mean:
hrefof the link after it - back at the normal font-size, and then adding our image:
:before, and it will add your
contentbefore the selector.
.timestampclass at the top here:
content:" - ("attr(title)")";
[attr="foo"]is a way to get more selective with your selectors. We've been selecting things we want to style with classes (prefixed with a period), and DOM elements (like
[attr="foo"]selectors, you can select attributes specifically based on what the attribute value is. For example, we can select all
hreflinks that are youtube.com or youtu.be domains differently from all other domains. So you can see, based on the link color, that some links are youtube domains, while other links aren't (ok, well technically youtube.com or youtu.be just needs to be somewhere in the domain, but dA's crappy outgoing filter sort of screws this up. But I hope you get the idea):
[attr="foo"]means "this attribute must match this value in order to be true".
[attr^="foo"]means "this attribute must start with this value to be true".
[attr$="foo"]means "this attribute must end in this value to be true".
[attr*="foo"]means "this attribute must contain this value anywhere in the value to be true".
hrefvalue, or you can play with how the
.timestampclass here looks, if you want to style it differently when the
titlesays a certain thing.
[href*="/art/"]to select only those specific URL's.
|More Journal Entries|