Posted by Andy Dingley on 10/09/06 10:58

techfiddle wrote:

> I'm designing a page to give people a block of source code:
> http://www.geocities.com/techfiddle/violinwebringcode.html

Try this, with the following provisos

#1 - You're hosted with Geocities. Their hosting changes pages that
you upload, sufficient to make a mockery of any serious web design. If
you care about web design, you just can't host with Geocities.

#2 - I've hacked the middle of this page around to make it workable
and valid. I haven't fixed the whole page and I haven't made it perfect
- there's still 3.2 code in there, but it's not really harmful.

# 3 I'm posting the changed fragment via Usenet for discussion, but I
don't know how much damage it will suffer in transit so I've also
uplaoded it it to the web here
http://codesmiths.com/dingbat/lj/violin/violinwebringcode.html

I hope this is helpful to you - please post with any further questions.



<p>In order to join the ring you will need two elements: the graphic
image and the block of source code.</p>

<ul>

<li>
<h3>Image:</h3>
<p>Save the image to your web site.
<br>You may find that your browser allows you to right-click on the
image and use "Save As" or "Save Image As":
<center><img src="viulu1.gif" alt="Logo for the Violin Webring"
title="Logo for the Violin Webring" ></center>
</li>

<li>
<h3>Source Code:</h3>

<p>Copy and paste the following into your web page:

<pre style="padding: 1em; margin: 1em; border: thin solid black;
background-color: #eeeeee; color: #000; overflow: scroll;" >
&lt;!-- Begin ViolinWebRing code --&gt;


&lt;div style="margin: 1em auto; padding: 1em; border: thick ridge;
width: 14em;" &gt;

&lt;a href="http://www.geocities.com/techfiddle/TOC.html"
title="View the current members of the Violin Webring"
>&lt;img src="viulu1.gif" alt="Violin WebRing" style="border:
none;" &gt;
&lt;br&gt;ToC&lt;/a&gt;
&amp;bull;
&lt;a style="font-weight: bold; text-transform: uppercase;"

href="mailto:cmsunday&amp;#64;alumni.rice.edu?subject=Request%20to%20join%20Connie's%20Violin%20WebRing%20-%20Affiliate%20Sites&amp;amp;body=In%20order%20to%20be%20added%20to%20the%20Affiliated%20Pages%20you%20must%20add%20a%20block%20of%20code%20and%20a%20graphic%20to%20your%20site.%20Instructions%20for%20doing%20this%20are%20located%20at:%20%20http://www.geocities.com/techfiddle/violinwebringcode.html.%20When%20you%20have%20added%20the%20graphics%20to%20your%20page(s),%20please%20send%20me%20the%20following:%0A%0a%20(a)%20Name%20of%20your%20webpage;%20and%0A%0A%20(b)%20URL%20to%20your%20webpage.%20%0A%0aYou%20will%20be%20added%20to%20the%20Affiliated%20Pages%20(TOC)%20as%20soon%20as%20the%20source%20code%20is%20added%20to%20your%20page.%20%0A%0aThank%20you!"
title="Join the Violin Webring"
&gt;Join&lt;/a&gt;
&lt;/div&gt;

&lt;!-- End VioinWebring code --&gt;
</pre>
</li>

</ul>

<p>Together they will look like this:

<div align="center" >

<!-- Begin ViolinWebRing code -->
<div style="margin: 1em auto; padding: 1em; border: thick ridge; width:
14em;" >

<a href="http://www.geocities.com/techfiddle/TOC.html"
title="View the current members of the Violin Webring"
><img src="viulu1.gif" alt="Violin WebRing" style="border: none;" >
<br>ToC</a>
&bull;
<a

href="mailto:cmsunday&#64;alumni.rice.edu?subject=Request%20to%20join%20Connie's%20Violin%20WebRing%20-%20Affiliate%20Sites&amp;body=In%20order%20to%20be%20added%20to%20the%20Affiliated%20Pages%20you%20must%20add%20a%20block%20of%20code%20and%20a%20graphic%20to%20your%20site.%20Instructions%20for%20doing%20this%20are%20located%20at:%20%20http://www.geocities.com/techfiddle/violinwebringcode.html.%20When%20you%20have%20added%20the%20graphics%20to%20your%20page(s),%20please%20send%20me%20the%20following:%0A%0a%20(a)%20Name%20of%20your%20webpage;%20and%0A%0A%20(b)%20URL%20to%20your%20webpage.%20%0A%0aYou%20will%20be%20added%20to%20the%20Affiliated%20Pages%20(TOC)%20as%20soon%20as%20the%20source%20code%20is%20added%20to%20your%20page.%20%0A%0aThank%20you!"
style="font-weight: bold; text-transform: uppercase;"
title="Join the Violin Webring"
>Join</a>
</div>
<!-- End VioinWebring code -->


</div></pre>

<p>Please <a href="mailto:cmsunday&#64;alumni.rice.edu">write me</a> if
I can be of assistance.
<br>Thanks!
<br>Connie
</p>

• Next in forum: Re: Q:How to "drag and drop" jpg's into html and have the code write itself?
• Prev in forum: Re: What's Your Favorite HTML Editor?
• Thread view: Re: Why is <pre> not working??

[Reply to this message]