View Full Version : Let's Have F-U-U-n with <hr> Tags
select -> copy & paste code
<style type="text/css">
<!--
hr{color:red;height:7px;border: double 2px blue}
-->
</style>
;)
Using this Code or a modified version of the CSS Properties for the
<HR> TAG
Can yeild some very pretty and fast loading DIVIDERS & LINES
to seperate content on a Web Page...
The Tag can be modiried with the BORDER , SIZE or Color attribute
among others to appear as Photoshop-made images...
You can even add I.E. Style Filters to add various 3-D - LIKE Effects
Why not try one today?
Cricket
Apr 9th 2004, 2:33 pm
select -> copy & paste code
Using this Code or a modified version of the CSS Properties for the
<HR> TAG
Can yeild some very pretty and fast loading DIVIDERS & LINES
to seperate content on a Web Page...
:cool: Wow! What a great tip! I can see I need to visit this category more often!
Thanks for the response - I stole our post from another forum
Hope you like this one equally well
;)
Time Saving Tips for Hand Coders / HTML Pros using NotePad
You do not have to FTP and refresh continuously when designing a web page to access your changes
Just open the "view source" when on the Internet of the page you want to change
Pull down "Note Pad"
copy and paste - or - type your text
==============================
for any images that are on the server you are coding or making a change to a page from and watnt to see exacty how it will appear
Use the following CODE in the head
<base href="http://www.url.com/">
(of course -www.url.com- will be changed to your site's
domain name / home directory ....
if you dont need to see the images - don't use the code...
Save the notepad page as whaterver.html
on to the "Desktop"
You can now instantly make changes by refeshing the HTML page that has been on the desktop - instead of making round- trip refreshes to the sever to see the results of your "tweak"ing.
After everything if Perfect - then upload or paste to the server...
Additionally:
You can ALSO test out your Perl PHP and Javascripts DHTML scripts by using this technique
You can also have an easy way to instantly EMAIL others
quicker than openning up OUTLOOK or WEBMAIL
just save the HTML page where your FORMMAIL is located
in your site - set the appropriate permissions...
Decide whether it will be TEXT Or HTML message
put in a templete that you might send frequently...
put in the YOUR REPLY EMAIL ADDRESS...
put in
quote:
don't reply to this email use the address ...
SUDDENLY-- in seconds you can send email
Lastly:
You can also use YAHOO MAIL to cut and paste snippets of webpages that you want to examine code form - just click the " view HTML " button near the bottom of the compose page.
also. you can interpret ascii test
++++++++++++++++++++++++++++++++++++++
;)
<body style="overflow:auto"
Will hide the SCROLLBARS -until they are NEEDED
if the page does not go down that far - you will just see the background extended to the entire browser window
+++++++++++++++++++++++++++++++++++++++
;)
<TABLE STYLE="table-layout:fixed" WIDTH="whatever number you chose"
will actually make the TABLES load faster - with the "TD" loading individually - instead of the ENTIRE TABLE finishing loading
THESE TAGS can be used in a externally "CSS links" also or in the HEAD TAGS
hans
Apr 9th 2004, 11:35 pm
if you hve more on stock
just go on
i copy and paste
and will use it when needed
kusadasi-guy
May 4th 2004, 6:07 am
How about this one?
hr {
border-top: 1px dashed #999999;
color: #ffffff;
height: 1px;
}
! !
Aug 23rd 2004, 12:50 pm
Here's A Neat Tip
ftp://username:password@domainname.com/
:) 1-
Depending on how your browser is configured - putting this code in our address bar - changing the URL paramaters to match YOURS - will bring you INTO the files of your website
:) 2-
Right Clicking on the HTML file of your choice - select "OPEN"
then "VIEW SOURCE" for the opened html file
:) 3-
make your changes and save it to your harddrive - desktop - A drive etc...
4-
Select the HTML ICON and right click and select "COPY"
5-
Open up your FTP window and either right click or edit--> paste
VOILA' you will have automacally updated your WEB PAGE
__________________
! !
Oct 18th 2004, 9:54 am
http://addict3d.org/index.php?page=downloadfile&ID=1924
if you are one of the dying breed of Hand Coders
Try this free download :)
catanich
Jul 23rd 2008, 3:21 pm
Nice one everyone
Thailand_for_YOU
Jan 26th 2009, 2:17 am
select -> copy & paste code
;)
Using this Code or a modified version of the CSS Properties for the
<HR> TAG
Can yeild some very pretty and fast loading DIVIDERS & LINES
to seperate content on a Web Page...
The Tag can be modiried with the BORDER , SIZE or Color attribute
among others to appear as Photoshop-made images...
You can even add I.E. Style Filters to add various 3-D - LIKE Effects
Why not try one today?
I've implemented your code on my page (http://www.th4u.com/embassies.htm) and it is rendered nice in IE. Unfortunately, there is a problem using FF v.3.0.5.
The code inside the <style> tags is as following:
hr.sub{color:red;height:7px;border: double 2px blue}
Please help.
vBulletin® v3.8.4, Copyright ©2000-2009, Jelsoft Enterprises Ltd.