Debt Consolidation - Debt Consolidation - High Paying Adsense List - Wordpress Themes - Find jobs

PDA

View Full Version : Let's Have F-U-U-n with <hr> Tags


! !
Apr 9th 2004, 1:46 pm
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!

! !
Apr 9th 2004, 4:19 pm
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.