Websisode #2 - Make a Highlighted Blog Entry Add Video
A series of video tutorials for Webs.com users, I show you simple and advanced customization tricks and tips.
In my second Websisode (Audio this tiime!) I show you how to make a blog entry stand out with a red background color and more. This is great for important notices, outage notices, and much more. Enjoy!
Click the HD button to watch the video in High Def on Vimeo!
|
| 1309 Views |
Post a Comment
- Oops, you forgot something.
22 Comments
Monika says...yes, it has to be like that, but those numbers won't work. If you give me a link to your blog and tell me the entry u want to customize I will give u the numbers
NO, I know that I need Firebug, like I wrote before I already got it but the problem was that you wrote that it should be like this: .blogentry12435 .header {color} (and I know that the number has to be the numbers for my entry I did it)
but it was not write it should be like this: .blogentry12435 .header a {color}
Reply
Monika
02:17 AM on June 28, 2010
Craig Snedeker says...
Those numbers were an example and won't work. YOu need Firebug to find it (and Firefox.. not IE. If you have Google Chrome it has a built in thing)
NO, I know that I need Firebug, like I wrote before I already got it but the problem was that you wrote that it should be like this: .blogentry12435 .header {color} (and I know that the number has to be the numbers for my entry I did it)
but it was not write it should be like this: .blogentry12435 .header a {color}
Monika says...
Yes I know, I downloaded it before but it still didnīt work I write it different ways cause I did not know for examle like you said I wrote
.blogentry433123 .header {} and I wasnt sure if I should write inside {color: #ffffff} or just {#ffffff} or just {black} or {color: black} [IMAGE] so I tried or these for one by one but nothing
Those numbers were an example and won't work. YOu need Firebug to find it (and Firefox.. not IE. If you have Google Chrome it has a built in thing)
Reply
Monika
10:50 AM on June 27, 2010
Craig Snedeker says...
You'll need Firebox to find what class the blog entry is, like in the video [IMAGE] And it's only for blgos, sorry ;)
Yes I know, I downloaded it before but it still didnīt work I write it different ways cause I did not know for examle like you said I wrote
.blogentry433123 .header {} and I wasnt sure if I should write inside {color: #ffffff} or just {#ffffff} or just {black} or {color: black}
so I tried or these for one by one but nothing
Mathepa says...You can yes, using this technique. In fact I did it in the video.
Craig can we remove the blog details on only one post or does it only do it or them all? i remember a way where its like your computer out you go like desktop/file/otherfile/program but i forget how to do it in CSS and i think that may work with this well
Click HD To watch in high-def
Craig can we remove the blog details on only one post or does it only do it or them all? i remember a way where its like your computer out you go like desktop/file/otherfile/program but i forget how to do it in CSS and i think that may work with this well
Monika says...
thanks, I tried but nothing happened
And i wanna ask this can be make on other pages too, for example highligh only one text box on home page for example? or itīs only for blog, that the entries has different names so you can highligh only one entry. I am sorry for all that questions[IMAGE]
You'll need Firebox to find what class the blog entry is, like in the video
And it's only for blgos, sorry ;)
Monika says...
thanks, I tried but nothing happened
And i wanna ask this can be make on other pages too, for example highligh only one text box on home page for example? or itīs only for blog, that the entries has different names so you can highligh only one entry. I am sorry for all that questions[IMAGE]
You'll need Firebox to find what class the blog entry is, like in the video
And it's only for blgos, sorry ;)
Reply
Monika
04:14 AM on June 26, 2010
thanks, I tried but nothing happened
And i wanna ask this can be make on other pages too, for example highligh only one text box on home page for example? or itīs only for blog, that the entries has different names so you can highligh only one entry. I am sorry for all that questions
And i wanna ask this can be make on other pages too, for example highligh only one text box on home page for example? or itīs only for blog, that the entries has different names so you can highligh only one entry. I am sorry for all that questions
Monika says...You need to do the
thanks, it is really awesome vid.
but I still cannot change color just one blog entry, cause what you showed here the blogheader color it changed every entry, but if I want just one entry?
.blogentry12435 .header {color}
That's an example, you'd need to get the exact class for that to work.
Reply
Monika
02:13 PM on June 25, 2010
thanks, it is really awesome vid.
but I still cannot change color just one blog entry, cause what you showed here the blogheader color it changed every entry, but if I want just one entry?
but I still cannot change color just one blog entry, cause what you showed here the blogheader color it changed every entry, but if I want just one entry?
Monika says...
And where is this CSS Editor? Because I couldnīt do it like you show in that video right click on the blog entry and you have a list of options and then you clicked and opened the window on the bottom of the screen. Thanks[IMAGE]
GO to the Template Editor and click "Advanced" tab
You do not need Firebug
Hover over the video and click HD to see what I type
Reply
Monika
04:56 AM on June 25, 2010
and another question, I cant see the sybols you are using, I want to just for example change color of the blogheader but only one not all of them how do I do that?
Reply
Monika
04:30 AM on June 25, 2010
Oh I think I know, you explain that in the first viedo, right? I have to add Firebug right?
Reply
Monika
04:06 AM on June 25, 2010
And where is this CSS Editor? Because I couldnīt do it like you show in that video right click on the blog entry and you have a list of options and then you clicked and opened the window on the bottom of the screen. Thanks
Monika says...
But this works only in HTML rigth not custom mode I am using.
No you use this with the CSS Editor in Easybuilder mode.
Reply
Monika
12:22 PM on June 24, 2010
But this works only in HTML rigth not custom mode I am using.
BearyAndFriends says...
Will this also take out the "posted by . . ." for all the other blog entrees?
No, you'd need a different class. Try this class:
.blogPostDetails
Will this also take out the "posted by . . ." for all the other blog entrees?
Video Channels
Quick Links
- Webs Support
- Create a Site
- Have your own Webs tutorial video? Submit it here!
- Sign our Guestbook
- Back to Webs.com
Recent Videos
218 views - 2 comments
34608 views - 115 comments
8165 views - 13 comments
7954 views - 48 comments
Got an idea?
You can submit any ideas for Video Tutorials in the Open Forums.
Just look for the 'Video Tutorial Suggestions' thread on the 'How to' board.
We'd love to hear your ideas!
