FOR BETTER DESIGNS » The blog design

My progress on wordrepss theme design.

Ali Chorov — Mon, 08 Feb 2010 13:25:02 +0000

In the past 4–5 months I was working on this blog from time to time, as some of you may know, I prommised that I will build this blog from nothing and I will make a post and tutorials for everything I am doing here. Since now the design have been changed 3 times. At the beginning it was just a white space with only texts and no CSS or any images.

In the next image you can see the 3 themes I have designed and used here from the begining. They were just for learning me and my readers who need this basic info of designing and using themes for wordpress.

So after all this is the final theme. It will remain like this until I get bored with it. In the future you can expect a lot of posts here. Generally articles about design, some tutorials about my work, posts for inspiration, sharing artwork and useful information mostly about design.

It take me some time to understand everything about Wordress, but now I can do a theme and use it here for 2–3 days. I am sure that if you looked at my tutorials you surely learned something. See ya in my next posts.

Feel free to ask me anything, I am here to answer you questions always.

For better designs second theme.

Ali Chorov — Thu, 24 Dec 2009 12:57:10 +0000

Second WordPress theme from me.

The last few days I have worked on the new theme of this web site. I have choose this light soft colors green and very lightly orange almost yellow which I think are looking very good. The colors are good for the eyes and the rounded corners of the theme give it a very soft and beautiful look.

I will make a video tutorial in next few days about how I’ve done it and I will post it here for you. I’ll make a little bit of change with my tutorials. I’ll make them a little bit different from now, since I have explained the basics in my earlier tutorials, now I can skip some tips you already know.

In my next video tutorial I’ll show you: Design of the theme in Photoshop.

In another posts I’ll explain about my work with the template here and the new things I have. You can also wait for my new categories I will add here and new Inspirational posts. Hope you will like all this.

Here is the preview from my new theme:

A preview image and free download of the old theme you can find here: Simple Elegant theme

You can compare the 2 themes and find which one you like more. I found the new one to look much much better and it will remain like that for a month then I’ll design a new one which will be better. I’ll also make some improvements to my current theme and I’ll add new features to it. I’ll explain everything when I done it.

Thanks for reading and I hope you like all this.

Adding nice looking blockquotes for your posts using css

Ali Chorov — Wed, 11 Nov 2009 13:00:38 +0000

In this post I want to give you this little tip I decided to use here in my blog. This is a blockquotes which are stylised with CSS and they can make your blog to look much nice.

For example you have some code HTML, CSS or whatever in your post and you want to make some border around it and maybe different background color.

Here is the code:

Your text here

You see you can change the size of the border, the padding and background color and you can add your text. It will look exactly like mine. You can change this colors off course.

Hope this little tip will be in some good use for you.

If any question and comments I am here.

Adding a new plugin ”Twitter badge” to this web page.

Ali Chorov — Fri, 30 Oct 2009 12:21:14 +0000

As I promised I would tell you everything I am doing to improve this blog. Today I get decision to add a Twitter badge plugin to this web site. It’s actually very easy and almost everyone knows how to add this, it even have some instructions, but let me give you some little tips about it.

The little badge look good as it’s original colors and it is in very good place: usually on the right side of the page. But you can customise it a little bit. I am suggesting this: I will change the color of the badge similar to some of the colors from my web site.

I’ll use this color now: #628088 because I thing it looks good with the design. There have an option to change the badge position from the top. I thing I will not change this value a lot, maybe with 5–7 px will be good. And there have an option to stay in Let/Right. I always prefer to stay in my right side. It’s easy to click on it and easy to read it.

After that I should put the code of this badge right before the “BODY” end tag ()

Ok let’s see what will happen.

Tip: something that I should tell you about: When I activated the pluging from my Plugins settings and then pasted the new code, I get this error: Cannot modify header information

The solutions is to deactivate the plugin from your WordPress admin panel — Plugins and just paste the code you have in your page before the “BODY” end tag ()

It will be still there and still working. If you get such error you can try that, it helps to me and I hope it will helps to you too.

It’s here, looks good and it works. Hope this tips are in some use for you and hope you like this. Feel free to post any replies.

Some little css tips you can use in your blog

Ali Chorov — Wed, 21 Oct 2009 10:53:13 +0000

Today I want to share with you some little CSS tips which I am sure you will like if you don’t know them. This are 2 tips which will make your site to look a little bit better in some way. If you have noticed all the images in my blog now have this not so good looking 1-2px border around them. To remove this border I should put a rule in my css file which is:

a img{ border:none; }

Before: After:

This will remove border from all the images in your web site If you need that. For example in my case I want it removed.

Next little tip is about change the text highlight color in your posts. But I’ll show you the tips only for Firefox, Safari and Opera. You should put this code in your css style document:

::-moz-selection{ /* Firefox */
background:#d6e0c8;
color:#000;
}

::selection{ /* Safari and Opera */
background:#d6e0c8
color:#000;
}

And after all I have this:

I hope you have litked this little tips and you’ll use them in your web sites too.

For better design web site… What is all about ?

Ali Chorov — Sat, 15 Aug 2009 13:43:43 +0000

What is this web site all about?

You probably thing of that: What is this web site all about. Well I am ADK and this is my blog for improving my and your design skills. I am a web developer and graphics designer.

About me

Since I graduated a year ago I like to work on different projects on Internet as a freelancer. Am I successful? Answer is: Yes and No! Usually I have been hired from different clients to make some designs and flash animations, and some other…

And after I do, I take a holiday. LOL Being a freelancer is a nice thing, especially for me: I design fast, making nice designs, most of the people like my color schemes and my style and it looks I’ve got some talent also I like what I do, so I am in some way successful.

Confession

But I know 1 thing: I am not a professional! It’s because: I make mistakes, usually because working too fast I miss some things and also I thing my designs can look more professional. And for that I know, every one can get better, but it needs some practice. That’s why I have made this blog. I want to improve my skills in designs and also yours!

About this blog:

In this Blog I’ll post links to the most useful resources around the web related to all kind of designs. Also you see for now this Blog don’t have very cool design.( See the image in top of this post from Aug 15, 2009) It’s nice and clean, but it’s too simple. This is on purpose! I have the idea to improve it and for every thing I improve in it, I’ll post a tutorial of how I am doing it.

This will be for all of my reader who want to know HOW… So be welcome and for everything you want to ask, feel free to post a comment, I also appreciate new ideas and critique.