| View previous topic :: View next topic |
| Author |
Message |
kickdrum
Joined: 28 Mar 2008
Posts: 6
|
|
Corey Bryant
Joined: 15 May 2004
Posts: 8154
Location: Castle Rock CO USA
|
|
kickdrum
Joined: 28 Mar 2008
Posts: 6
|
 Posted: Sat Mar 29, 2008 7:23 am |
 |
|
|
| I'm talking about the entire thing. The text, the outside border, and the pic. What I'm looking for is the ability to post a pic and text inside of a nice looking box so that I can make separated posts for my blogsite. |
|
Corey Bryant
Joined: 15 May 2004
Posts: 8154
Location: Castle Rock CO USA
|
| Posted: Sat Mar 29, 2008 7:48 am |
|
|
|
Well I would not recommend frames - these are very bad for search engines and a lot of people do blogs for search engines.
So that goes back to the question. Now the first thing - do you have complete access to your source code of your blog or is it hosted?
If it is hosted, can you write HTML source code or does it use a WYSYWIG style editor?
_________________
Corey
Residential Office Solutions | Mile High Merchant Accounts | Expression Web Blog |
|
kickdrum
Joined: 28 Mar 2008
Posts: 6
|
| Posted: Sat Mar 29, 2008 8:59 am |
|
|
|
| I use blogger.com so I have full rights to use whatever codes I want. All I'm looking for is an HTML code that looks similar to the layout on the page I showed you. I want a large box that I can add a pic or video in the center of it and text underneath. That's pretty much it. |
|
Corey Bryant
Joined: 15 May 2004
Posts: 8154
Location: Castle Rock CO USA
|
| Posted: Sun Mar 30, 2008 7:37 am |
|
|
|
Do you have a div / table surrounding the post then already? Most will use some type of layout process and chances are if you have something already around it - you are more than halfway there.
If not, then you need to add something (of course to all the posts). Not knowing what the source code
| Code: |
<div style="background-color:#fff; border: 1px solid #000;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eget lorem. Duis fringilla consectetuer neque. Curabitur iaculis ullamcorper leo. Nunc mauris. Nam a orci et dui mattis sollicitudin. Cras varius. Nulla quis eros. Phasellus vehicula, libero nec fermentum blandit, nisi massa faucibus nisi, at ultricies nunc mi at enim. Nulla rutrum tincidunt massa. Praesent arcu. Duis urna. Aenean feugiat imperdiet orci. Maecenas dapibus nisi et orci. Praesent quis lorem.
</div>
|
but if you post the code that is used to create the posts pages, then it might be a lot easier.
_________________
Corey
Residential Office Solutions | Mile High Merchant Accounts | Expression Web Blog |
|
kickdrum
Joined: 28 Mar 2008
Posts: 6
|
| Posted: Mon Mar 31, 2008 8:21 am |
|
|
|
| That's not what I'm looking for. I want the exact same format as what I posted. Outside rectangular border; pic/video in the center; text underneath. I tried to find the source code on the page but for whatever reason it wasn't there. I can't believe no one knows how to do it. |
|
Corey Bryant
Joined: 15 May 2004
Posts: 8154
Location: Castle Rock CO USA
|
| Posted: Mon Mar 31, 2008 8:50 am |
|
|
|
I gave you some code for the border. You can easily change it to whatever color you want.
For the image - just add the code for the image
| Code: |
<div style="background-color:#fff; border: 1px solid #000;">
<img src="images/filename.gif" alt="alt text">
<br style="clear:both">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eget lorem. Duis fringilla consectetuer neque. Curabitur iaculis ullamcorper leo. Nunc mauris. Nam a orci et dui mattis sollicitudin. Cras varius. Nulla quis eros. Phasellus vehicula, libero nec fermentum blandit, nisi massa faucibus nisi, at ultricies nunc mi at enim. Nulla rutrum tincidunt massa. Praesent arcu. Duis urna. Aenean feugiat imperdiet orci. Maecenas dapibus nisi et orci. Praesent quis lorem.
</div> |
The more you provide, the more can help. I don't use blogger so I am not familiar with it but I am familiar with code.
It sounds like you are wanting each post to have this, right? If so, does each post have a <div> around it? Otherwise, you will need to use something like the above on every page.
If you want us to write more, you need to provide more information.
For example, the page you posted has a div surrounded it and it has a class called post. And in the CSS source code
| Code: |
.post, .post-ad {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#FFFFFF none repeat scroll 0%;
border:1px solid #222222;
padding: 0 10px 10px 10px;
margin: 0 0 20px 0; |
Maybe that will help to explain what we need to help you if you are wanting more source code.
_________________
Corey
Toll Free Fax Solutions | Mile High Merchant Accounts | Expression Web Blog |
|
kickdrum
Joined: 28 Mar 2008
Posts: 6
|
| Posted: Mon Mar 31, 2008 8:58 am |
|
|
|
| This helped a lot! Thanks so much. |
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
