HOME | DD
Nesmaty — Rainbow Blocks
Published: 2011-06-22 09:18:42 +0000 UTC; Views: 5350; Favourites: 209; Downloads: 636
Redirect to original
Description
-------------------------------
Alright this is a totally random work from me .. wanted to prepare something for our students in (Which is going to be launched soon) as a simple example of the property float
Aside from designing the boxes and make'm pretty .. this whole skin just depends on the property float .. U'll notice this when u check the CSS code!
And what I think that others who are none css interested will hate about this skin is .. U will have to write just everything shown below to make it look like the preview .. now u are warned enough ..
-----------------------
Now pick up any colored box u want from here: (all are the same just change the box color)
------------------------
Note that u should write the following HTML codes next to each other .. i.e no line breaks between each < / div> &
Example:
--------------
Also note that u are more than welcome to use the same css codes and try to change the box designs up to ur liking .. I'd be thankful if u credit me and show me what u will come up with!!
-------------
Live view: [link]
Related content
Comments: 61
1st u have to be a subscribed DA member .. then u'll have to read the my comment below the skin and do accordingly .. thnx for ur time
👍: 0 ⏩: 0
Gotta check this bit o' codework out ;D
👍: 0 ⏩: 2
Yes plz do .. if u can give me any tips to make it better I'll be really happy ..
👍: 0 ⏩: 1
Oh it's awesome and it taught me something I didn't know. I hadn't really tried float much except to use to float images here and there. lols.
👍: 0 ⏩: 1
It's still a random thing though .. u have to notice that editting the content changes ur layout totally and also wither u choose for the blocks to float right or left decides which blocks appear first .. etc .. I have been playing with'm for the past hour ..
👍: 0 ⏩: 1
Will def do some experimenting ;D
👍: 0 ⏩: 1
Nice, I see what you did there. display:block + float:right I had been wondering how to do columns and I guess that answers it. My mind doesn't think in tables/rows/etc too well. ;D Maybe next endeavor will have some of that pretty floaty stuffs. also, you reminded me what's happening Friday! And I should go look at my to do list and see if I can get some done for launch
👍: 0 ⏩: 0
<= Prev |