HOME | DD

Description
body div#devskin7273709 img { border:none!important; } body div#devskin7273709 ::selection { color:#333; background-color:#acc0c0; } body div#devskin7273709 ::-moz-selection { color:#333; background:#acc0c0; } body div#devskin7273709 ::-webkit-selection { color:#333; background:#acc0c0; } body div#devskin7273709 .author { display:none; } body div#devskin7273709 .gr-box { max-width:700px; margin:auto; background:#transparent; padding:30px; padding-top:0; } body div#devskin7273709 .gr { background:transparent; border:none; } body div#devskin7273709 .gr1 { display:none; } body div#devskin7273709 .gr2 { display:none; } body div#devskin7273709 .gr3 { display:none; } body div#devskin7273709 .tri { display:none; } body div#devskin7273709 .gr-top { border:0; z-index:10; height:120px; background:transparent; } body div#devskin7273709 .gr-top img { display:none; } body div#devskin7273709 .gr-top h2 { color:#859a82; font-family:'Trebuchet MS', Verdana, sans-serif; font-size:18px; text-shadow:#AAA 0px 3px 5px; position:absolute; top:97px; left:6px; } body div#devskin7273709 h2 a:hover { background:none; border:none; } body div#devskin7273709 .gr-top span { color:#888; text-shadow:#FFF 1px 1px 0px; font-size:11px; position:absolute; top:128px; left:6px; margin-left:10px; letter-spacing:0.1em; } body div#devskin7273709 .gr-body { border:1px solid #AAA; background-image:url('https://fc02.deviantart.net/fs70/o/2010/237/6/8/176807312_146040_bg-entry.jpg'); background-repeat:repeat-x; background-color:#CFDBDB; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:0px 0px 10px #CCC; -moz-box-shadow:0px 0px 10px #CCC; -webkit-box-shadow:0px 0px 10px #CCC; } body div#devskin7273709 .list { display:none; } body div#devskin7273709 .text { color:#3c3c3c; margin-top:20px; padding:40px 30px; font-family:Verdana, sans-serif; font-size:11px; line-height:16px; max-width:700px; } body div#devskin7273709 a { color:#5c8484; text-decoration:none; font-family:Verdana, sans-serif; } body div#devskin7273709 .bottom { margin-bottom:30px; padding:0 25px; } body div#devskin7273709 .commentslink { font-size:10px; padding:3px; color:#333; text-shadow:#FFF 1px 1px 0px; float:left; } body div#devskin7273709 blockquote, body div#devskin7273709 .example { background-color:#dde6e6; padding:10px 5px 5px 10px; border-left:5px solid #93a3a0; position:relative; } body div#devskin7273709 ul { margin:5px 5px 5px -10px; } body div#devskin7273709 ol { margin:5px; } body div#devskin7273709 h1 { color:#4c98b9; text-shadow:2px 2px 4px #fff; font-family:'Maven Pro', sans-serif; margin:20px 0 -10px 0; font-weight:bold; letter-spacing:0.03em; } body div#devskin7273709 .text h2 { color:#4c98b9; text-shadow:2px 2px 4px #fff; font-family:'Maven Pro', sans-serif; margin:20px 0 -10px 0px; font-size:18px; font-weight:bold; letter-spacing:0.03em; } body div#devskin7273709 img { border:1px solid #93a3a0; } body div#devskin7273709 b { background:#78bedd; color:#fff; padding:2px; } body div#devskin7273709 .float { position:absolute; top:20px; left:175px; margin:0 20px 0 0; } body div#devskin7273709 img { border:none!impotant; }

I do get notes and comments of people asking for help quite a lot. While most people do just fine there are some people that forget that they are asking for a favour and aren’t in the position to demand anything.
Others are just so vague that you never really know what they really want you to do. And because of that I decided to write down some tips – based on my own experience – to help those who are not sure how to ask for help right. It will make things easier for both sides.

The following things are not universal, they reflect mostly my point of view and how I would like to deal with such request and the process of it. It will not apply for all CSS coders, but it should still give you an idea of what to do and what you should avoid.

Before you ask for help
Make sure that you have tried everything that is within your possibilities. The best way of learning is to spot mistakes on your own.
Sometimes it is easier to quickly ask someone else, but if you are able to figure things out on your own, you will remember them the next time and won’t do it again.

If – no matter what you have tried – the problem remains you should have an exact idea of what you want and what is not like it should be.
In best case you have a screenshot of the bug, as well as a layout or mock-up of how it should be like.

How to get into contact
Once you have chosen a person or group to contact, you can either leave a comment or a note.
Personally I prefer notes because comments can get lost easily and I wouldn’t like my profile page looking like a big help board with walls of text.

If you decide to leave a comment you shouldn’t write down the whole problem right away. Ask the person/group if they would be willing to help you with a problem. If they get back to you and want to help you can go on explaining the problem (either via note or comments).

In case you write a note you should find a matching subject for your note first. That way the recipient knows right away what the note is about.
Opposite to comments you could explain your problem in detail right away. Explain what the problem is or with what you are struggling and state what kind of help you are looking for.
The person you are asking for help has no idea what you are trying to do, nor how the finished result should look like if you don’t tell or show them. Fixing problems will be nearly impossible then, especially if they can only guess what should be done.

If a person doesn’t have the time or any other reason to help you, you should accept the fact.
No discussion. You will find someone else to help you most likely.

Bug fixing
While you both try to work on the problem, you as the person asking for help, should always stay patient. Not everyone is sitting all the time in front of the computer and often it takes a while until the helper can really focus on the problem.

Additionally you shouldn’t expect that the helper will code the whole thing for you, they might just give you a general advice or point you in the right direction.
It could happen – especially if you are a beginner – that this information will just confuse you, as you don’t have much understanding yet. In that case ask politely if they could give you an example or help directly with the code.

Sometimes it can happen that a problem can’t be fixed. The reasons might be different, but if it happens you should just accept the fact.
Any person who is trying to help often has to experience the bug themselves to understand what is going wrong. Even with the same code and general settings in can happen, that they won’t get the bug and everything will be fine for them. In that case there is nothing that can be done anymore.
The only thing you can do is to ask someone else, as they might be able to reproduce the bug.

tl;dr
don’t expect anyone to (re-)code the whole thing for you

provide as much information as needed

don’t just leave a link and say you need help

be patient and don’t demand anything

be nice enough to say thanks for the help you got

Helpful Resources:
How to: Scroll BoxesTransferred from :devecssercise:.

This is the first part of a tutorial series that I will be working on in the future and will be released whenever I find the time for it.
In order to know how I can make them better and to make it easier for you to understand the things I am talking about it would be appreciated if you would leave some feedback!

---

For this tutorial series I am explaining different elements you can create or modify with the help of CSS. The level of experience that is needed to be able to understand the tutorials can differ and will be in no order. I will try to explain the things as simple as possible though.

The Basic

More tutorials: ginkgografix.deviantart.com/ga…

Or check eCSSited to get help from fellow CSS coders or to find other useful resources in the gallery.

Description
body div#devskin7273709 img { border:none!important; } body div#devskin7273709 ::selection { color:#333; background-color:#acc0c0; } body div#devskin7273709 ::-moz-selection { color:#333; background:#acc0c0; } body div#devskin7273709 ::-webkit-selection { color:#333; background:#acc0c0; } body div#devskin7273709 .author { display:none; } body div#devskin7273709 .gr-box { max-width:700px; margin:auto; background:#transparent; padding:30px; padding-top:0; } body div#devskin7273709 .gr { background:transparent; border:none; } body div#devskin7273709 .gr1 { display:none; } body div#devskin7273709 .gr2 { display:none; } body div#devskin7273709 .gr3 { display:none; } body div#devskin7273709 .tri { display:none; } body div#devskin7273709 .gr-top { border:0; z-index:10; height:120px; background:transparent; } body div#devskin7273709 .gr-top img { display:none; } body div#devskin7273709 .gr-top h2 { color:#859a82; font-family:'Trebuchet MS', Verdana, sans-serif; font-size:18px; text-shadow:#AAA 0px 3px 5px; position:absolute; top:97px; left:6px; } body div#devskin7273709 h2 a:hover { background:none; border:none; } body div#devskin7273709 .gr-top span { color:#888; text-shadow:#FFF 1px 1px 0px; font-size:11px; position:absolute; top:128px; left:6px; margin-left:10px; letter-spacing:0.1em; } body div#devskin7273709 .gr-body { border:1px solid #AAA; background-image:url('https://fc02.deviantart.net/fs70/o/2010/237/6/8/176807312_146040_bg-entry.jpg'); background-repeat:repeat-x; background-color:#CFDBDB; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:0px 0px 10px #CCC; -moz-box-shadow:0px 0px 10px #CCC; -webkit-box-shadow:0px 0px 10px #CCC; } body div#devskin7273709 .list { display:none; } body div#devskin7273709 .text { color:#3c3c3c; margin-top:20px; padding:40px 30px; font-family:Verdana, sans-serif; font-size:11px; line-height:16px; max-width:700px; } body div#devskin7273709 a { color:#5c8484; text-decoration:none; font-family:Verdana, sans-serif; } body div#devskin7273709 .bottom { margin-bottom:30px; padding:0 25px; } body div#devskin7273709 .commentslink { font-size:10px; padding:3px; color:#333; text-shadow:#FFF 1px 1px 0px; float:left; } body div#devskin7273709 blockquote, body div#devskin7273709 .example { background-color:#dde6e6; padding:10px 5px 5px 10px; border-left:5px solid #93a3a0; position:relative; } body div#devskin7273709 ul { margin:5px 5px 5px -10px; } body div#devskin7273709 ol { margin:5px; } body div#devskin7273709 h1 { color:#4c98b9; text-shadow:2px 2px 4px #fff; font-family:'Maven Pro', sans-serif; margin:20px 0 -10px 0; font-weight:bold; letter-spacing:0.03em; } body div#devskin7273709 .text h2 { color:#4c98b9; text-shadow:2px 2px 4px #fff; font-family:'Maven Pro', sans-serif; margin:20px 0 -10px 0px; font-size:18px; font-weight:bold; letter-spacing:0.03em; } body div#devskin7273709 img { border:1px solid #93a3a0; } body div#devskin7273709 b { background:#78bedd; color:#fff; padding:2px; } body div#devskin7273709 .float { position:absolute; top:20px; left:175px; margin:0 20px 0 0; } body div#devskin7273709 img { border:none!impotant; }

I do get notes and comments of people asking for help quite a lot. While most people do just fine there are some people that forget that they are asking for a favour and aren’t in the position to demand anything.
Others are just so vague that you never really know what they really want you to do. And because of that I decided to write down some tips – based on my own experience – to help those who are not sure how to ask for help right. It will make things easier for both sides.

The following things are not universal, they reflect mostly my point of view and how I would like to deal with such request and the process of it. It will not apply for all CSS coders, but it should still give you an idea of what to do and what you should avoid.

Before you ask for help
Make sure that you have tried everything that is within your possibilities. The best way of learning is to spot mistakes on your own.
Sometimes it is easier to quickly ask someone else, but if you are able to figure things out on your own, you will remember them the next time and won’t do it again.

If – no matter what you have tried – the problem remains you should have an exact idea of what you want and what is not like it should be.
In best case you have a screenshot of the bug, as well as a layout or mock-up of how it should be like.

How to get into contact
Once you have chosen a person or group to contact, you can either leave a comment or a note.
Personally I prefer notes because comments can get lost easily and I wouldn’t like my profile page looking like a big help board with walls of text.

If you decide to leave a comment you shouldn’t write down the whole problem right away. Ask the person/group if they would be willing to help you with a problem. If they get back to you and want to help you can go on explaining the problem (either via note or comments).

In case you write a note you should find a matching subject for your note first. That way the recipient knows right away what the note is about.
Opposite to comments you could explain your problem in detail right away. Explain what the problem is or with what you are struggling and state what kind of help you are looking for.
The person you are asking for help has no idea what you are trying to do, nor how the finished result should look like if you don’t tell or show them. Fixing problems will be nearly impossible then, especially if they can only guess what should be done.

If a person doesn’t have the time or any other reason to help you, you should accept the fact.
No discussion. You will find someone else to help you most likely.

Bug fixing
While you both try to work on the problem, you as the person asking for help, should always stay patient. Not everyone is sitting all the time in front of the computer and often it takes a while until the helper can really focus on the problem.

Additionally you shouldn’t expect that the helper will code the whole thing for you, they might just give you a general advice or point you in the right direction.
It could happen – especially if you are a beginner – that this information will just confuse you, as you don’t have much understanding yet. In that case ask politely if they could give you an example or help directly with the code.

Sometimes it can happen that a problem can’t be fixed. The reasons might be different, but if it happens you should just accept the fact.
Any person who is trying to help often has to experience the bug themselves to understand what is going wrong. Even with the same code and general settings in can happen, that they won’t get the bug and everything will be fine for them. In that case there is nothing that can be done anymore.
The only thing you can do is to ask someone else, as they might be able to reproduce the bug.

tl;dr
don’t expect anyone to (re-)code the whole thing for you

provide as much information as needed

don’t just leave a link and say you need help

be patient and don’t demand anything

be nice enough to say thanks for the help you got

Helpful Resources:
How to: Scroll BoxesTransferred from :devecssercise:.

This is the first part of a tutorial series that I will be working on in the future and will be released whenever I find the time for it.
In order to know how I can make them better and to make it easier for you to understand the things I am talking about it would be appreciated if you would leave some feedback!

---

For this tutorial series I am explaining different elements you can create or modify with the help of CSS. The level of experience that is needed to be able to understand the tutorials can differ and will be in no order. I will try to explain the things as simple as possible though.

The Basic

More tutorials: ginkgografix.deviantart.com/ga…

Or check eCSSited to get help from fellow CSS coders or to find other useful resources in the gallery.