html & css codes
please note: all codes are offered as is, recommended for folks who are at least semi-familiar with html/css
notes in codingever wish you could leave a note in your coding? like, a note that says, "this code does _" because you'll forget (like i do, lol.) fear not! with this code, you can add notes to you coding that won't affect how your pages display! :)code:
vertically aligned text and imagesi would die as a designer without this one tbh lmao. you know how when you place an image in a page, and text right next to it, if the image isn't the same height as the image to begin with things look... bad? but if you try to do an image align, it'll shove it all the way over to the side of the page, not still flush against content? using tables to vertically align everything to the middle gives you cleaner, cuter displays! using padding you can make it so everything's flush, but not squished, too :)yucky example:
text in this example, you can see that there is awkward space above the text, which isn't very aesthetically pleasing yummy example:
in this example, you can see how the roses and text align in the center, vertically. a subtle change, but doesn't this one look a lot nicer? i personally build sooo many menus with this technique lol. maybe other designers find tables archaic but i still find uses for them :) code:
custom fontscoming soon!
first letter different colori personally think this one is super cute if you're trying to make things look fancy, or bring in interest to a certain area. this can be used to make the first letter of different areas different colors! designers often use it to add oomph to headers, but with some clever use of div's you can set it to do things like style the first letter of individual paragraphs, or all paragraphs on a page!coming soon :,) |