Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8

Thread: Colour schemes

  1. #1
    New Coder
    Join Date
    Jul 2008
    Posts
    49
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Colour schemes

    Hi,

    Just wondering if someone can help. Firstly, please see the screenshot attached. I would like the red pillars to appear on my website as a margin on the sides (left and right). I do not mind if this overwrites the dark grey area and do not mind if it overlaps the light grey area (where my writing will go). If possible it would be very helpful if the pillars could be accomodated for any resolution / screen size - both across and up and down. Any help would be much appreciated.

    Thanks.
    Attached Thumbnails Attached Thumbnails Colour schemes-newlayout.jpg  

  • #2
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    Those pillars seem rather blurry...

    http://www.google.com/search?hl=en&q...earch&aq=f&oq=
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #3
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Yea, we don't code for you here. See twodayslate link if your wish is to code it yourself. If not, post whatever code you have so far and we can help you out.

    Regards,

    Drew
    Dev-Tips.com || Employee at the Envato Network || My Portfolio

  • #4
    New Coder
    Join Date
    Jul 2008
    Posts
    49
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Hi,

    That link is saying "PSD to HTML". Am I being asked to get the pillars converted? Does anyone know of any websites or have any examples of anything similar? I am not a very graphical person.

    Thanks.

  • #5
    New Coder
    Join Date
    Jul 2008
    Posts
    49
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Can anyone help?

  • #6
    Regular Coder
    Join Date
    May 2008
    Location
    Lost in Localhost...
    Posts
    702
    Thanks
    3
    Thanked 43 Times in 42 Posts
    Quote Originally Posted by oodya View Post
    Hi,

    That link is saying "PSD to HTML". Am I being asked to get the pillars converted? Does anyone know of any websites or have any examples of anything similar? I am not a very graphical person.

    Thanks.
    I'm not sure what you mean.

    PSD to HTML is basically the conversion of a .PSD image to a HTML file. So all you have to do is design it, and they will code it for you. It isn't free though.

    (Please don't double post, it won't get your answer faster)

  • #7
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #8
    Regular Coder
    Join Date
    May 2008
    Location
    Lost in Localhost...
    Posts
    702
    Thanks
    3
    Thanked 43 Times in 42 Posts
    What twodayslate is trying to tell you, is that we can't code it for you. We can only help you.
    As I told you, PSD to HTML is the conversion of an image to a website. It sounds like you already have a site and want to add the pillars to it.
    Seems you have not actually asked anyone to do it, I can help you.

    You could use different background images. For the top, for the bottom and for either side. So cut up your background image. For the images on the side, we will have to add a repeat attribute:

    Code:
    .leftimg {
    background-image: url('image.png');
    background-repeat: repeat-y;
    background-position: left;
    }
    I'm tired, so if this doesn't work let me know and I'll fix.
    Do the same for the right, and change the attributes accordingly.

    This will repeat that image down the y-axis for as long as the browser stretches downwards with your content.

    For the bottom will be simple, just change the repeat and position attribute from the side class, to this:
    Code:
    background-repeat: repeat-x;
    background-position: bottom;
    Now it will repeat along the X-axis at the bottom.

    For the top, it's different, it's the main image. So if you wanted you could have another background image for the middle of the top, and either side. The one at the top middle will have to be centered, and the ones on the side will have to be repeated along the x-axis.

    Using this method, the pillars will be behind your other content.
    If you want to read more on HTML and CSS, see these links:
    http://www.w3schools.com/html/default.asp
    http://www.w3schools.com/css/default.asp


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •