Amnesia180

Hello, I am looking for some advice. I am due to begin military training training, and I know communication may be a bit difficult with family and friends back home. What I was hoping to do, was create a single page on my website that integrates my twitter and facebook feeds with a particular hash tag. It saves trying to teach the less technically savvy family members how to follow me and check twitter when they can just bookmark the page to the website. So when I make a post and hashtag it #aparticulartag or maybe just when I write to @aparticularperson it will show up on the feed? The same for pictures? That way, I can update everything from by BlackBerry. Any advice will be appreciated! Thanks, Amnesia

Would you happen to know if there is a plugin for WordPress where I Could just add some code to show the latest news/articles. You click "more" then it will take you to the blog. That is all I need really, I can convert the Wordpress template overtime. I have looked at Modx and even thought of using Joomla, but I just will not be updating the main structrue of the website enough to justify having a fully fledged CMS. A Simple blogging tool with meta keywords will be more than sufficient.

Thanks for the link, and andyl - good point! *cue eye of the tiger music and show determination face*

In that case, It's probably not a good idea for me. (I have a knowledge of PHP, just not that great).

Hi Guys, I've got a question. I currently use a CSS Template for my main website, it has been fully customised and set up to provide the content the way I want to display it. I have come to the point on my personal website where I want a blog to link into the content already there. I'm happy with the news/updates just being displayed on the home page and then having to click "more" or something to get into the archive of the blog. The only problem I can see myself having is the fact that it will not match (if I use something like WordPress). Can anyone suggestion a good way to implement a blog into an already functioning website (where I want to keep the static content unchanged). Would it be worth having another link in the menu saying "Blog" which opens in a new window to keep the blog separate from the rest of the content? Thanks! Amnesia

I have done that, but it is a setting in the div tags and I cant for the life of me work out where.

Just a polite little bump Anyone want to shed any light how I get the breadcrumb (the red strip on the right column) to stretch across both columns (the two div tags of sub and main content). I have tried changing the width but that doesn't give the desired effect. Thanks

Just a polite little bump Anyone want to shed any light how I get the breadcrumb (the red strip on the right column) to stretch across both columns (the two div tags of sub and main content). I have tried changing the width but that doesn't give the desired effect. Thanks

And also, I want the breadcrumb div to stretch across both "tables" (not just the right hand one). Any idea which paramter I need to adjust to make that happen. Here is the code from within the index page:

Excellent, that has really explained things a lot. However, I'm a bit lost as to how to implement that into the CSS above... any pointers would be great.

Hi Ash Scott, Thanks for the tip. Are you saying it is better to determine the size of the website rather than keep it proportionate for all computers? The problem I will have is, it will look cramped on non-widescreen monitors and too empty of widescreen monitors if I just set the width px size. However, I will give it a go at predetermining a size and sticking with it. Any further advice would be useful. Thanks

Google Chrome on the laptop (which is a widescreen anyway) version 5.0.375.99 and IE 8 at work (which is a standard monitor). I just want the CSS to tell the website what size (in percentage) it should be, that way no matter what monitor or computer I am, hopefully the layout will remain the same (but proportionate). Thanks, Amnesia

No, it doesn't work for me. It puts the 4 images on my website onto different lines (because they don't fit in).

Hi Guys, I've been using a free CSS template to get my website together. However, I just can't get it to align properly. I've tried all sorts (from using % to determine the sizes, through to physically setting the px). On my laptop (which is a widescreen) the website displays perfectly, however on the the work computer (which is a standard 15" monitor the icons and alignment has gone a bit wrong! Here is the code: /*------------------------------------------------------------* ** Global **------------------------------------------------------------*/ body { background: #600 url(../img/bg.png) repeat-x; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 83%; text-align: center; margin: 0; padding: 0; color: #555; } img { border: 0; } ul, p { line-height: 1.4em; font-size: 1em; margin: 15px 0 20px; } h2 { margin: 0; color: #fff; font-weight: normal; padding: 45px 170px 47px 30px; font-size: 1.9em; } h3, h4 { font-size: 2em; font-weight: normal; color: #000; margin: 0; } h4 { font-size: 1.7em; } a { color: #f00; text-decoration: none; border-bottom: 1px solid #FFC4C4; } a:hover { border-color: #f00; } .l1 { border: none !important; margin: 0 !important; } ul { padding: 0; list-style-type: none; line-height: 1.8em; } ul li { background: url(../img/bullet.gif) no-repeat 0% 50%; padding-left: 25px; } /*------------------------------------------------------------* ** Container **------------------------------------------------------------*/ #container { width: 85%; margin: 0 auto; text-align: left; } * html #container { width: 100%; } /*------------------------------------------------------------* ** Header **------------------------------------------------------------*/ #header { width: 100%; } #header:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #header h1 { font-weight: normal; font-size: 2em; padding: 1.2em 0 28px 1.1em; margin: 0; } #header h1 a { color: #fff; text-decoration: none; border: none; } #header h1 a span { color: #f00; } /** Navigation **/ #header ul { margin: -6.9em 0 0 0; padding: 0 10px; list-style-type: none; float: right; } * html #header ul { padding: 0; } #header ul li { float: left; text-align: center; margin: 0 10px; background: transparent; padding: 0; } #header ul li a { display: block; text-decoration: none; color: #fff; font-size: 1.2em; padding: 2em 10px; border-bottom: 0.3em solid #3F0000; } #header ul li a:hover { border-color: #f00; } #header ul li a.on, #header ul li a.on:hover { border-color: #fff; } /*------------------------------------------------------------* ** Body **------------------------------------------------------------*/ #body { background: #fff url(../img/body_.png) repeat-x; } #body div { background: transparent url(../img/body_left.png) no-repeat; } #body div div { background: transparent url(../img/body_right.png) no-repeat 100% 0%; height: 1%; padding: 0 20px 30px; } * html #body div div { width: 100%; } #body div div:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #body div div div { background-image: none; padding: 0; } /*------------------------------------------------------------* ** Content **------------------------------------------------------------*/ #body #content { float: right; height: auto !important; min-height: 300px; height: 300px; width: 65%; padding: 23px 25px 0 38px; } #body #content ul.img { list-style-type: none; padding: 0; margin: 0; width: 100%; } #body #content ul.img:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #body #content ul.img li { float: left; margin-left: 10px; margin-bottom: 10px; padding: 0; background: transparent; } #body #content ul.img li a { border: none; } #body #content ul.img li img { border: 7px solid #900; padding: 1px; } #body #content ul.img li a:hover img { border-color: #000; } form { background-color: #f4f4f4; padding: 20px; margin-top: 20px; } form p { margin: 10px 0; } form p label { width: 100px; display: block; float: left; } form p input, form p textarea { border: 1px solid #999; padding: 4px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.3em; width: 240px; } textarea { height: 100px; } input.btn { width: auto; } /*------------------------------------------------------------* ** Breadcrumb **------------------------------------------------------------*/ #body #content .breadcrumb { background-color: #600; background-repeat: repeat-y; margin-bottom: 20px; } /** specific pages **/ #body #content .home { background-image: url(../img/header_home.jpg); } #body #content .about { background-image: url(../img/header_about.jpg); } #body #content .services { background-image: url(../img/header_services.jpg); } #body #content .portfolio { background-image: url(../img/header_portfolio.jpg); } #body #content .contact { background-image: url(../img/header_contact.jpg); } /*------------------------------------------------------------* ** Submenu **------------------------------------------------------------*/ #body #sub { float: center; margin: 33px 0 0 0; height: auto !important; min-height: 267px; height: 267px; width: 25%; padding: 20px 10px 0 20px; } /*------------------------------------------------------------* ** Footer **------------------------------------------------------------*/ #footer { width: 100%; background: transparent url(../img/footer_.gif) repeat-x; } #footer a { border: none; } #footer p { color: #fff; padding: 10px; margin: 0; } #footer span { float: right; margin: 0 10px 0 0; } You can visit the website here. Thanks in advance. Amnesia

Hi All, I have an idea that I would like to seek some advice on, with regards on how to implement this system. The overall idea that this project basically run on auto-pilot, just with updates/administration run by myself. I already have some clients that want to be able to self-manage their space. Here is the concept: I have a ‘Home Page’ which will have a number of ‘spaces’ which will be similar to banners. For arguments sake lets say these are 200x50, rectangular spaces on the website. In rows 3 x 3. So I have 9 available slots, the client will be able to click on a slot, which is the product they are buying. It will then take them to the checkout where they can pay the fixed fee, and upload a banner along with the re-direct URL. The banner (once payment is complete) will be displayed for a fixed length of time, 1month/6month/12months. There is an additional option, which is not essential, but the client could log in and change the banner at any time. My question is, are there any CMS (such as an add-on to Joomla maybe?) That will be able to help with this. Apologies if my explanation isn’t very clear, if you need further information I’d be happy to help. Thanks, Amnesia