1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Web Design Coding and Graphic

Discussion in 'Web Design' started by lindsayharrington, Feb 5, 2009.

  1. lindsayharrington

    lindsayharrington New Member

    Hello,

    After coding a webpage for myself and being disappointed with the lack of style I decided to download the Hilary Duff template. I am making an affiliate marketing website, where I would like to show a picture of a product and then explain it etc. I have turned the two sort of text boxes on the front of the homepage as the first two products but I would like to repeat these so I can add a new one each day or so? Is there something I can copy in the index sheet and paste it above it to construct a new one?? Also, I obviously wanted to delete the hilary duff cursive title and picture, to create a new one with my logo and picture do I need photoshop or related software? I've been scouring the web for these answers but thought I would break down and see if someone on here can help me? Sorry for the novel, thanks for your time.

    Lindsay
     
    lindsayharrington, Feb 5, 2009
    #1
  2. lindsayharrington

    lindsayharrington New Member

    I read that and it sounds a bit garbled.

    1. I want to duplicate the 'text box' so I can insert a picture and text each day.
    2. I would like to insert my own title and possibly a picture.

    Hope that clears things up :)

    Lindsay
     
    lindsayharrington, Feb 5, 2009
    #2
  3. CovertPea

    CovertPea Moderator Staff Member Verified Member

    In reply to your email:
    Sorry I can't help you out with this problem, I only do graphics alterations/enhancements.
    Perhaps our in-the-know FWT member, Ishkey could be of help?

    Cheers
    CP
     
    CovertPea, Feb 5, 2009
    #3
  4. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    This could be a Duff one. This is a psd file edit - I'm not a graphics person.
    The code part is simple A simple copy - paste.
    Code:
    [SIZE=1][COLOR=#ff0000][I][SIZE=1][COLOR=#ff0000]<!-- Original Code "textboxtop" -->[/COLOR][/SIZE][/I][/COLOR][/SIZE]
[SIZE=1][B]<div[/B] class=[B]"textboxtop">[/B][/SIZE]
[SIZE=1]Hilary duff on the red carpet.[/SIZE]
[SIZE=1][B]</div>[/B][/SIZE]
[SIZE=1][B]<div[/B] class=[B]"textbox">[/B][/SIZE]
[SIZE=1][B]<span[/B] class=[B]"photo"><[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]img[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] src=[B]"images/photo1.gif"[/B] alt=[B]"Thumbnail"></span>[/B][/SIZE]
[SIZE=1][B]<p>[/B]If you're having problems editing [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://#/forum/[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]forum[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B][SIZE=1].[B]</p>[/B][/SIZE]
[SIZE=1][B]<p>[/B]If you're looking for beautiful [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://www.templatebeauty.com[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Template Beauty[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B][SIZE=1].[B]</p>[/B][/SIZE]
[SIZE=1][B]<p>[/B]To find great hosting providers visit [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://www.webhostingzoom.com[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Web Hosting Zoom[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]></p>[/SIZE][/B]
[SIZE=1][B]</div>[/B][/SIZE]
[SIZE=1][B]<div[/B] class=[B]"textboxbottom">[/B][/SIZE]
[SIZE=1][B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://#[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Comment[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B][SIZE=1] - [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://#[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Read comments (2)[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B]
[SIZE=1][B]</div>[/B] [/SIZE][I][SIZE=1][COLOR=#ff0000][SIZE=1][COLOR=#ff0000]<!-- End Original Code "textboxtop" -->[/COLOR][/SIZE][/COLOR][/SIZE][/I]
 
[I][SIZE=1][COLOR=#ff0000][SIZE=1][COLOR=#ff0000]<!-- ********** Copy and Insert Code From "textboxtop2  Here ************ -->[/COLOR][/SIZE][/COLOR][/SIZE][/I]
[SIZE=1][B]<div[/B] class=[B]"textboxtop2">[/B][/SIZE]
[SIZE=1]Most Wanted new album! Part Two[/SIZE]
[SIZE=1][B]</div>[/B][/SIZE]
[SIZE=1][B]<div[/B] class=[B]"textbox">[/B][/SIZE]
[SIZE=1][B]<span[/B] class=[B]"photo"><[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]img[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] src=[B]"images/photo2.gif"[/B] alt=[B]"Thumbnail"></span>[/B][/SIZE]
[SIZE=1][B]<p>[/B]If you're having problems editing the [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://#/forum/[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]forum[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B][SIZE=1].[B]</p>[/B][/SIZE]
[SIZE=1][B]<p>[/B]If you're looking for beautiful and [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://www.templatebeauty.com[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Template Beauty[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B][SIZE=1].[B]</p>[/B][/SIZE]
[SIZE=1][B]<p>[/B]To find great hosting providers visit [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://www.webhostingzoom.com[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Web Hosting Zoom[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]></p>[/SIZE][/B]
[SIZE=1][B]</div>[/B][/SIZE]
[SIZE=1][B]<div[/B] class=[B]"textboxbottom">[/B][/SIZE]
[SIZE=1][B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://#[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Comment[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B][SIZE=1] - [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://#[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Read comments (2)[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B]
[SIZE=1][B]</div>[/B] [/SIZE][I][SIZE=1][COLOR=#ff0000][SIZE=1][COLOR=#ff0000]<!-- End Inserted Code From "textboxtop2"********************** -->[/COLOR][/SIZE][/COLOR][/SIZE][/I]
 
[SIZE=1][B]<div[/B] class=[B]"textboxtop2">[/B] [/SIZE][I][SIZE=1][COLOR=#ff0000][SIZE=1][COLOR=#ff0000]<!-- Copy all this code and insert above -->[/COLOR][/SIZE][/COLOR][/SIZE][/I]
[SIZE=1]Hilary duff Most Wanted new album![/SIZE]
[SIZE=1][B]</div>[/B][/SIZE]
[SIZE=1][B]<div[/B] class=[B]"textbox">[/B][/SIZE]
[SIZE=1][B]<span[/B] class=[B]"photo"><[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]img[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] src=[B]"images/photo2.gif"[/B] alt=[B]"Thumbnail"></span>[/B][/SIZE]
[SIZE=1][B]<p>[/B]If you're having problems editing the [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://#/forum/[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]forum[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B][SIZE=1].[B]</p>[/B][/SIZE]
[SIZE=1][B]<p>[/B]If you're looking for beautiful and [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://www.templatebeauty.com[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Template Beauty[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B][SIZE=1].[B]</p>[/B][/SIZE]
[SIZE=1][B]<p>[/B]To find great hosting providers visit [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://www.webhostingzoom.com[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Web Hosting Zoom[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]></p>[/SIZE][/B]
[SIZE=1][B]</div>[/B][/SIZE]
[SIZE=1][B]<div[/B] class=[B]"textboxbottom">[/B][/SIZE]
[SIZE=1][B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://#[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Comment[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B][SIZE=1] - [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://#[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]">[/SIZE][/B][SIZE=1]Read comments (2)[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B]
[SIZE=1][B]</div>[/B] [/SIZE][I][SIZE=1][COLOR=#ff0000][SIZE=1][COLOR=#ff0000]<!-- End - Copy all this code and insert above -->[/COLOR][/SIZE][/COLOR][/SIZE][/I]
    It should look like this
     

    Attached Files:

    • duff.jpg
      duff.jpg
      File size:
      81.9 KB
      Views:
      464
    ishkey, Feb 6, 2009
    #4
  5. lindsayharrington

    lindsayharrington New Member

    Thanks - and another question?

    Thanks Ishkey,

    I also want to say that this is one of the most useful websites I've ever been to! Thank-you for your help I try to find it myself for hours and just end up getting frustrated!

    Now if anyone can help me with two more questions I would be so appreciative :)

    My first question is how do I set up the comment and read comments pages?

    My second question may be a silly one... For the menu items that run down the side of my page I want to use the same colour schemes but maybe a bit of a different layout.. Do I need to important something into my CSS sheet, and is it going to get extremely complicated..I like a challenge but if it outweighs the benefits....

    Thanks for your time,

    Lindsay
     
    lindsayharrington, Feb 6, 2009
    #5
  6. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    At this stage I think you are getting in way over your abilities for us to explain here.
    2.) You are talking a re-write of the style.css file and mods to your html files - complicated yes.
    1.) Would require server side programing like "php", a "database or program simular to b2evolution, wordpress, or a cms in structure. There are many open source programs out there if you just google.
    I always suggest that you get the basic web setup first, understand how to do it and then add the fluff. A good place to learn is http://www.w3schools.com/ for programming. Another would be your Host company, look to see if they have a Control Panel. There you will find most all open source programs you can install to use and mod.
    Not trying to discourage you - just trying to save you weeks of frustration.
     
    ishkey, Feb 6, 2009
    #6