Простое оформление css блоков
Хочу поделиться с новичками парой рецептов простейшего оформления тестовых блоков с помощью css.
Закругленные блоки
Смысл создания просто создаем блок с фоном закругленного уголка, этот блок помещаем в другой блок с закругленным уголком — при совмещении это выглядит как показано на рисунке выше.
Html код блока:
<div class="round-a-gray"><div>Простейший блок с закругленными уголками</div>
</div>Css код оформления блока:
.round-a-gray {
background:#444444 url(img/round_gray-left.png) left top no-repeat;
color:#FFFFFF;
text-align:center;
}
.round-a-gray div {
background:url(img/round_gray-right.png) right bottom no-repeat;
padding:4px;
}
Блоки с диалоговым уголком
Смысл создания этого блока так же прост как и у предыдущего — создаем блок с текстом, помещаем в него еще один блок с фоном уголка который визуально будет располагаться внизу этого блока.
Html код блока:
<div class="tooltips-gray">Самый простой блок с диалоговым уголком<div>
</div></div>
Css код оформления блока:
.tooltips-gray {
background:#444444;
color:#FFFFFF;
text-align:center;
padding-top:4px;
}
.tooltips-gray div {
background:url(img/tips_gray.png) left bottom no-repeat;
padding-top:4px;
height:18px;
}
Навеяно http://woork.blogspot.com/2008/03/css-message-box-collection.html
ПроÑтое оформление css блоков | Чернев.ру Pretty nice post. I just stumbled upon your blog and wished to say that I have really enjoyed browsing your blog posts. In any case I’ll be subscribing to your feed and I hope you write again soon!
ПроÑтое оформление css блоков | Чернев.ру Pretty nice post. I just stumbled upon your weblog and wished to say that I’ve really enjoyed surfing around your blog posts. In any case I will be subscribing to your feed and I hope you write again soon!
ПроÑтое оформление css блоков | Чернев.ру Pretty nice post. I just stumbled upon your blog and wished to say that I have truly enjoyed browsing your blog posts. After all I’ll be subscribing to your feed and I hope you write again soon!
Great ideas on making the law of attraction work, which is almost always the sticking point people get.
Heya i’m for the first time here. I found this board and I find It truly useful & it helped me out much. I hope to give something back and aid others like you helped me.
Excellent goods from you, man. I have understand your stuff previous to and you’re just extremely great. I really like what you’ve acquired here, really like what you’re stating and the way in which you say it. You make it enjoyable and you still take care of to keep it smart. I cant wait to read far more from you. This is actually a great web site.
Would love to forever get updated outstanding blog ! .
Thank you a bunch for sharing this with all of us you really recognize what you’re speaking about! Bookmarked. Kindly additionally consult with my website =). We can have a hyperlink change arrangement among us!
Very interesting details you have observed , thankyou for putting up. «I don’t know what you could say about a day in which you have seen four beautiful sunsets.» by John Glenn.
Have you ever thought about writing an ebook or guest authoring on other blogs? I have a blog centered on the same ideas you discuss and would really like to have you share some stories/information. I know my visitors would enjoy your work. If you’re even remotely interested, feel free to send me an e mail.
I enjoy your writing style genuinely loving this site. «In marriage, being the right person is as important as finding the right person.» by Wilbert Donald Gough.
Very nice post. I just stumbled upon your weblog and wished to say that I have really enjoyed browsing your blog posts. After all I’ll be subscribing to your feed and I hope you write again soon!
I savour, result in I discovered just what I used to be looking for. You have ended my four day long hunt! God Bless you man. Have a nice day. Bye
I’m just writing to say that i think your site is really great.
I just wanted to say that i think your site is wonderful.
I just wanted to say that i think your site is designed really nicely.
Real clear website , appreciate it for this post.
Thought i would just write you to say that i think your blog is really nicely designed.
izmir masöz , izmir masöz , izmir masozler
Hi there, I discovered your site via Google while looking for a similar topic, your site came up, it seems to be great. I’ve bookmarked it in my google bookmarks.
Really superb information can be found on site.
I have recently started a web site, the info you provide on this web site has helped me tremendously. Thank you for all of your time & work.
An interesting discussion is worth comment. I think that you should write more on this topic, it might not be a taboo subject but generally people are not enough to speak on such topics. To the next. Cheers
Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You clearly know what youre talking about, why throw away your intelligence on just posting videos to your weblog when you could be giving us something enlightening to read?
There are some interesting points in time in this article but I don’t know if I see all of them center to heart. There is some validity but I will take hold opinion until I look into it further. Good article , thanks and we want more! Added to FeedBurner as well
Thanks for this article. I would also like to state that it can often be hard when you are in school and simply starting out to create a long credit score. There are many learners who are just simply trying to pull through and have a good or good credit history can occasionally be a difficult element to have.
Good to be visiting your blog again. Thanks for posting this informative post. Peace.
I’m really impressed with your writing skills and also with the layout on your blog. Is this a paid theme or did you customize it yourself? Either way keep up the excellent quality writing, it is rare to see a nice blog like this one nowadays..
Well I definitely enjoyed studying it. This information offered by you is very effective for good planning.
Some times its a pain in the ass to read what blog owners wrote but this internet site is very user genial!
Good day! Do you use Twitter? I’d like to follow you if that would be ok. I’m undoubtedly enjoying your blog and look forward to new posts.
I really like what you have acquired here, certainly like what you are stating and the way in which you say it.
I was very pleased to seek out this net-site.I wanted to thanks for your time for this excellent learn!! I undoubtedly having fun with each little little bit of it and I’ve you bookmarked to take a look at new stuff you blog post.
I want to to thank you for this excellent read!! I certainly enjoyed every little bit of it. I have you bookmarked to look at new stuff you post…
I conceive you have noted some very interesting details , appreciate it for the post.
Excellent blog here! Also your web site loads up fast! What web host are you using? Can I get your affiliate link to your host? I wish my website loaded up as fast as yours lol
Nice post at ПроÑтое оформление css блоков | Чернев.ру. I was checking continuously this blog and I am impressed! Extremely useful info specifically the last part :) I care for such info much. I was looking for this particular info for a long time. Thank you and best of luck.
I think this is among the most vital info for me. And i am glad reading your article. But should remark on some general things, The site style is perfect, the articles is really great : D. Good job, cheers
Excellent post at ПроÑтое оформление css блоков | Чернев.ру. I was checking continuously this blog and I am impressed! Extremely useful info specifically the last part :) I care for such information much. I was seeking this certain info for a long time. Thank you and good luck.
Hello, you used to write wonderful, but the last several posts have been kinda boringˇK I miss your super writings. Past several posts are just a little out of track! come on!
I was very pleased to find this web-site.I wanted to thanks for your time for this wonderful read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you blog post.
Woah! I’m really enjoying the template/theme of this site. It’s simple, yet effective. A lot of times it’s difficult to get that «perfect balance» between usability and visual appeal. I must say you have done a amazing job with this. Additionally, the blog loads very fast for me on Firefox. Exceptional Blog!
There is noticeably a lot to identify about this. I suppose you made various nice points in features also.
Congratulations on your site that is always open to innovation. Thank you Free Porn, porno, sex, rokettube, xxx management rokettubee.biz «porno» Thank youu videos
My partner and I stumbled over here by a different web address and thought I might check things out. I like what I see so now i am following you. Look forward to checking out your web page yet again.
Greetings from Idaho! I’m bored at work so I decided to check out your site on my iphone during lunch break. I love the knowledge you provide here and can’t wait to take a look when I get home. I’m amazed at how quick your blog loaded on my cell phone .. I’m not even using WIFI, just 3G .. Anyhow, amazing blog!
Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You clearly know what youre talking about, why throw away your intelligence on just posting videos to your site when you could be giving us something informative to read?