Thursday, May 23, 2013

Design Information and More about Post Titles



Programs I use to design with: GIMP (safe, free download), PicMonkey, Picnik, and [sometimes] FotoFlexor

Purpose of each one:
GIMP--all around everything
PicMonkey--collages and overlays
Picnik--the fonts
FotoFlexor--the fonts

Note: It's good to have several different sites to use, to have lots of different things to choose from.

Where I get free downloaded fonts from: FontSquirrel

Have I had any problems with any of the above said programs?
GIMP--Nope, none, uh-uh
PicMonkey--sometimes slow to load
Picnik--slow to load
FotoFlexor--loading problems
FontSquirrel--some fonts are unavailable to download for my computer
NO VIRUSES FROM ANY OF THESE.

Where I find new codes: Off google and from friends. (whoopteedoo...)

I thought I would just answer those general questions. :) Now, I want to explain a code that I have already given you.

The code I have already given you is the code for centering post titles, right? So, here is the CSS code I gave you:


.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}h3.post-title { text-align:center; }

.date-header
{
text-align:center !important; 
}


See where I highlighted the letters? All of the words highlighted say "center". This is the center attribute for the code. It can be changed to left, right, or center. For left, you would have...


.PageList {text-align:left !important;}
.PageList li {display:inline !important; float:none !important;}h3.post-title { text-align:left; }

.date-header
{
text-align:left !important; 
}


Now it will be left. You can do the same for right. Here's another thought, though.


.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}h3.post-title { text-align:right; }

.date-header
{
text-align:left !important; 
}


Now look at the code. They're all changed to different things. Before I start explaining that, I should first explain what each part of the code handles.


.PageList {text-align:center !important;}


This part of the code is talking about the pages.

.PageList li {display:inline !important; float:none !important;}h3.post-title { text-align:center; }


This part of the code is talking about the post title.

.date-header
{
text-align:center !important; 
}


And, finally, this part of the code is talking about the date title.

So, in the above code that I gave you where all of them were different, my pages would be centered, my post title would be to the right, and my date title would be to the left.

Home || About || Elsewhere

May 8th
Who am I really?

Thus it looks something like that. Awesome, right? And it gives your blog a more personalized look.

I'll be back tomorrow. :)

And by the way, if there's any code you'd like to give me, I'd love to have it!! :)

6 comments:

  1. I can't figure out font squirrel. After you download a font what do you do with it?

    ReplyDelete
    Replies
    1. You use it to design with. :) (on a program such as Paint [I would think], PhotoStudio, or GIMP :))

      Delete
  2. Awesome! I'm going to have to try that out.
    I was wondering if you could do a how to do a blog button post. I've tried 2 places and they either didn't have the code in the box or was fuzzy :P.
    Thanks for the info!

    ReplyDelete

be kind • be polite • be amazing