devotchka, check them out.
posted May 21
i'm doing fantastic! i start my summer nanny job tomorrow morning, so i'm pretty stoked. and thank you for the compliments. and little miss sunshine is definitely in my top ten. did you enjoy the soundtrack?
posted May 21
Hey...thanks for the compliment on my shiny, new header! I can't take the credit for it, though...had a friend do it for me (super-talented JK).
posted May 7
Hey omar, I actually got the normalization from the css mastery book if i remember right, but the basic gist is to take every element thats got some wonky way of showing up in different browsers by default and bring them all across the board to the same playing field, so with every element, no matter the browser, you atleast start making the look of your site from the same page. Links have default underlines and text decorations, lists have dots that look different across the board, p tags have margins you might not be happy with, h1-h6 have styling all their own, etc etc. It covers all bases on font-weight, text-decoration, margin and padding and list styles for all the elements and makes them look the same throughout to just start with. From there you go in and manipulate each one the way you want to manipulate it from a common starting point. Thats the general idea behind normalization. Thanks for digging through the code man, it still shocks me people even do that, lol.
posted May 3
Yay! You got the bubble to work!
posted Apr 25
thanks so much for your comment...it makes me so happy that you get that from the song! i hope things go better for you and your baby girl. sending you smiles.
posted Apr 20
thanks omar, that means alot, I appreciate that. I try really hard to make my code "pretty" lol. Everyone tells me that I code like a girl, but if coding like a girl makes things easier to understand and follow, then I dont care, lol. Keep on truckin man, you'll get there, espescially with those books.
posted Apr 18
thanks omar ill check it out
posted Apr 16
the big kicker here for seperating out your h3's is using css selectors. Take this for example: div#groups h3 { background: lime; } This example will add a lime background to only your groups h3, because I select first the div ID'd groups (and theres only one groups ID around) and then the h3. Since the h3 is not specific enough for my needs, I crawl up the tree and grab the next thing, and if its not specific enough, I crawl up again. So if I wanted to I could do this: html body div#body_container div#profile_container div#left_side div#groups h3 { background: lime; } That would do the same thing. It's all about selectors.
posted Apr 16
The h3 elements use an image replacement technique, you'll notice you can't select any of hte text, because well, they're an image, lol. And the basic gist of an image replacement technique is that using CSS, you pull the text off the page somehow, there are several methods, and then use the element the text was living inside of for your background image. The method I used is the "Phark Method," where i use the CSS property "text-indent" -9999px (100em) to pull the text inside the H3's off the page, and then I set the height and add the background image. Here's a link to all the methods documented so far: Image Replacement Options -- Click Here I used the exact same technique for image replacement of the friends and comments buttons. The input box was a little tricky. You actually want to select this element here: div#comments p a strong { /*Your Styles Here*/ } but that also selects the commentor's name, so you override that later on here: div#comments div.comment_box p.comment_author, div#comments div.comment_box_alt p.comment_author { /* Undo the above styling */ } That will style the "Add your Comment" button. To style the input, you select: div#comments form div#add_comment textarea.comment_text { /* Textarea styles */ } and here I just adjusted the size and border and background image. To style the actual "Add Comment" button, there were a number things to do: The selector is - div#comments form div#add_comment input.comment_btn { /* Submit button styles */ } I use the image replacement again to pull the text off. This doesn't work in IE though, so I set the font size to 0px, which makes the text unreadable and then my background show through. After that, set your borders to 0, your height and width, and then your bg image path and your all set. Hope that helps some, I think you could figure most of this out and then some by grabbing t...
posted Apr 13
Hey omar, the quick answer is that I have a blog post with my CSS file and a table of contents of each section with keyword searching using the = sign. So you can dig through that and follow along with any instruction I toss out about how I did some stuff on my site. I've gotta do some work for a bit and then I'll pop back over here and give you an in depth look at things. Thanks for the interest :D
posted Apr 13
Blah, blah, blah!
posted Apr 13
Pastor Chris says:
Thanks for the invite ...
posted May 22