Jump to content


Photo
- - - - -

Horizontal Line Tag

horizontal line

  • Please log in to reply
3 replies to this topic

#1 thereason

thereason

    Member

  • Members
  • 11 posts
  • Country: Country Flag

Posted 20 January 2013 - 01:45 AM

My site's currently on "away" mode as I'm updating it.

 

I wish to use custom lines underneath blog posts and even headers and footers as well.  Can this be done?

 

 

Here's the URL to the line I wish to replace the straight line I have now.

 

YOU GUYS ARE AWESOME.

 

Thanks for your help already.

 

Please Login or Register to see this Hidden Content



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 15848 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 20 January 2013 - 11:56 AM

Hi,

 

All you will need to do is inspect the different areas you wish to add this line image and using Firebug or your browsers built-in web dev tools, then use the background-image property and add the custom code to custom CSS.

 

For example, using the following code will add the image below each of your blog posts on the blog page.

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content



#3 thereason

thereason

    Member

  • Members
  • 11 posts
  • Country: Country Flag

Posted 21 January 2013 - 09:57 PM

I wish to have the line image show up whenever I think <hr> command would usually put a regular line.  I'm having trouble with the directions you gave...  Sorry, I'm not the best web-dev, just a photographer trying to do my best.  Is this something I could pay you/someone for?



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 January 2013 - 03:59 AM

Hi thereason

 

We do have a group of Pagelines Pro's who could assist you www.pagelines.com/pros/

 

However using the code Danny's provided you could tweak the code to suit what you want to include. For example if you wanted to add a simple line you could use the below code in place of the image.

 

 

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: horizontal, line