Author Topic: Web design newbie needs help  (Read 3422 times)

0 Members and 1 Guest are viewing this topic.

Offline Tensik

  • Hero Member
  • *****
  • Female
  • Posts: 801
    • http://www.tensikart.furtopia.org
Web design newbie needs help
« on: January 31, 2006, 08:26:28 pm »
Unfortunately i don't know how to term these, so a Google search for a tutorial isn't being very fruitful.  Hopefully you folks will know what I'm talking about though.

1.) how to I make my web pages scale automatically to the resolution of the viewer's system?  I know that there's a way to do it so that whether you're on 800 or 1028 you're still going to see the whole page without scrolling from side to side or having a big empty space on one edge.  

2.) I'd like to code it so that the images in my gallery can't be right clicked and saved, or remote linked to other web sites.  I'm sure you guys have bumped into it before, you'd go to save a pic you find as a reference for a nice ocean-scape or something, and you get that popup that says you can't save it because it's copyrighted.  unfortunately, I don't know how to do that.

3.) Is there a way to register your site with parental control programs so that adult pages will be blocked to children?  I'm all for free internet, but want to do my part to help people who actually pay attention to what their kids look at online.

If anyone knows the answers or knows where I could find them, I'd appreciate it.  Thanks!
<img src="http://mercury.walagata.com/w/blindtyldak/test1.gif" border="0">
<b>The cat's creedo: "When in doubt, wash."</b>
<a href="http://tensik.deviantart.com/" target="_blank">DeviantArt</a> / <a href="http://www.furaffinity.net/user/tensik/" target="_blank">FurAffinity</a>

Please test my site!  <a href="http://www.tensikart.furtopia.org/" target="_blank">http://www.tensikart.furtopia.org/

Offline KiyoshiAkita

  • Hero Member
  • Mister Donkey
  • *****
  • Male
  • Posts: 1376
Web design newbie needs help
« Reply #1 on: February 01, 2006, 01:58:37 am »
Here's some code for the no right clicking... put this inside your head tags... You can change the message to whatever you want, just alter the text that's in ALL-CAPS.

Code Sample

<script LANGUAGE="JavaScript1.1">
<!-- Begin
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("THIS IS THE MESSAGE THAT COMES UP WHEN SOMEBODY TRIES TO RIGHT-CLICK - YOU CAN CHANGE THIS!");
return false;
}
return true;
}

document.onmousedown=right;
document.onmouseup=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (document.layers) window.captureEvents(Event.MOUSEUP);
window.onmousedown=right;
window.onmouseup=right;
//  End -->
</script>


oh, here's another one - it might be better...No Right-Click Code

I'm not sure much about it, but it should work...
I don't know anything about stopping remote linking or none of that. Most people probably won't go beyond the right-click - and with that code, they'll be denied...

If you're worried about kids looking at things they shouldn't, use an 18+ gate... just a simple front page that redirects to your gallery is all...




"In order to really enjoy a dog, one doesn't merely try to train him to be semi-human. The point of it is to open oneself to the possibility of becoming partly a dog." - Edward Hoagland

Offline DubKitten

  • Newbie
  • *
  • Male
  • Posts: 30
Web design newbie needs help
« Reply #2 on: February 01, 2006, 01:11:52 pm »
Problem with typical 'right-click' code, is its just too easy to circumvent (i.e, right-click but dont let go, click OK, 'then' release right-click - voila, menu)
I've seen some code pop the msgbox upon letting go of the right button, usualy stops the few dozen more.
Plus FireFox gives you the menu regardless!

Otherwise, you could make a frame (Google: HTML frames) where the image goes, then apply the image as the bgimage to that frame.
It has that tiny bit extra, stopping yet another few dozen people.
But stopping those who know what they are doing is fairly tricky  '<img'>


For screen res, if your making several pages to cope, then this generates the code you need:
Screen Res Redirect
Though if I couldn't use any scripting language, I'd use html tables with percentage width's, then make a fair sized thumbnail of the images.
So when the user visits the site, the page fills out nicely, they dont have each image hog bandwidth and they can brief over and see what takes their fancy '<img'>
A picture that may appear bad to you is mearly your taste for that persons style.

Offline Tensik

  • Hero Member
  • *****
  • Female
  • Posts: 801
    • http://www.tensikart.furtopia.org
Web design newbie needs help
« Reply #3 on: February 01, 2006, 03:30:28 pm »
Thanks so much, guys.  '<img'>  I'll try those two so far once I know it's basically working.

And I know, you can't stop everyone from picking up an image, but I can at least make it a bit more of a headache so that less people will bother.
<img src="http://mercury.walagata.com/w/blindtyldak/test1.gif" border="0">
<b>The cat's creedo: "When in doubt, wash."</b>
<a href="http://tensik.deviantart.com/" target="_blank">DeviantArt</a> / <a href="http://www.furaffinity.net/user/tensik/" target="_blank">FurAffinity</a>

Please test my site!  <a href="http://www.tensikart.furtopia.org/" target="_blank">http://www.tensikart.furtopia.org/

Offline Skunkster

  • Hero Member
  • *****
  • Male
  • Posts: 743
Web design newbie needs help
« Reply #4 on: February 02, 2006, 09:26:37 am »
Old Rabbit's an my sites are registered with a few parental control sites, just click on the symbol and you can get it set up. '<img'>

On variable widths, I've found OpenOffice to be a fair to partly cloudy HTML editor. If you set up a table in there that spans the page and then adjust only the inner cells, it will automatically work the percentages for you.  For example: http://www.skunkmanor.net

Offline Tensik

  • Hero Member
  • *****
  • Female
  • Posts: 801
    • http://www.tensikart.furtopia.org
Web design newbie needs help
« Reply #5 on: February 03, 2006, 02:04:14 pm »
Thanks for the links to the registration sites, skunkster.  '<img'>

unfortunately I think I'm going to just have to deal with a little bit of side to side or a left flush, this program 'm using doesn't allow me to go in and edit the HTML for the page body, it's locked in drag-and-drop mode.  *snarls*  I MAY be able to still do an image lockout though, I haven't tried it yet as I'm still getting the main pages done and the galleries are going to be done last.  It also looks like I'm not terribly compatable with Firefox as the text tends to run out of the box toward the end of the page, so I may need to overextend a bit, or they'll just have to deal with it, not sure.  

*sobs*  Man I miss Dreamweaver.
<img src="http://mercury.walagata.com/w/blindtyldak/test1.gif" border="0">
<b>The cat's creedo: "When in doubt, wash."</b>
<a href="http://tensik.deviantart.com/" target="_blank">DeviantArt</a> / <a href="http://www.furaffinity.net/user/tensik/" target="_blank">FurAffinity</a>

Please test my site!  <a href="http://www.tensikart.furtopia.org/" target="_blank">http://www.tensikart.furtopia.org/

Offline Lavender

  • Sr. Member
  • ****
  • Male
  • Posts: 424
    • The ole furtopia site, desperately needs updating
Web design newbie needs help
« Reply #6 on: February 03, 2006, 04:59:46 pm »
Try Nvu. Its based off mozilla composer and hence has 100% firefox compaterbility. Oh and many different modes of editing.

Offline Tensik

  • Hero Member
  • *****
  • Female
  • Posts: 801
    • http://www.tensikart.furtopia.org
Web design newbie needs help
« Reply #7 on: February 03, 2006, 10:04:47 pm »
I don't think I'm going to change builders at this point unless I get Dreamweaver again . . . the prog I have now of course makes it tough to move what you've built to another one, and I really don't feel like starting from square one again or moving each and every file over by hand unless I know it's the prog I'm going to stick with permanently.  But thanks for the suggestion.  '<img'>

Kiyoshi, thanks for the right click code, that worked just fine!
*happydances*  Except on Firefox, which I have decided is teh debbil for all intents and opurposes, which at this point encompass making my life difficult with this site.  Pppppppth.
<img src="http://mercury.walagata.com/w/blindtyldak/test1.gif" border="0">
<b>The cat's creedo: "When in doubt, wash."</b>
<a href="http://tensik.deviantart.com/" target="_blank">DeviantArt</a> / <a href="http://www.furaffinity.net/user/tensik/" target="_blank">FurAffinity</a>

Please test my site!  <a href="http://www.tensikart.furtopia.org/" target="_blank">http://www.tensikart.furtopia.org/

Offline Kada-Ru

  • Species: Golden Blue Pegasus
  • Member Since: 11-29-2002 Web Admin!
  • *
  • Female
  • Posts: 9701
    • Kaycy's Creations for Fun
Web design newbie needs help
« Reply #8 on: February 04, 2006, 01:54:13 am »
I use exclusively Dreamweaver MX now. All I do to get my pages to form to all window sizes is I don't do the pixel widths/heights etc but just put my info in and when I don't want my pages to be up against the sides, I put in < blockquote > *remove spaces* </ blockquote > at end of page and that brings the page in a bit so it isn't snuggled against the sides.

Also, for the adult stuff, you can email/pm WS to password protect your pages, *adult* or images.

As for blocking your images from being right-clicked, well, even the best of us can still get around them. '<img'>

This is without the blockquote: http://www.kaycy.artistsworld.org/

This is with the blockquote:
http://www.kaycy.artistsworld.org/artwork/1999-first_anthro_kitties/

You may want to ask WS for some help on this.

Offline Tensik

  • Hero Member
  • *****
  • Female
  • Posts: 801
    • http://www.tensikart.furtopia.org
Web design newbie needs help
« Reply #9 on: February 04, 2006, 02:08:52 am »
I'm not going to password protect them, I simply don't have the time to be sending out passwords.  I'll settle for heavily keywording them so that filters will definitely pick them up and block them, having the pages registered with child browsers so that they won't get through, having the 18 key to protect everyone else, and once this one is done (and I take a little break) putting up a second "all-ages site" so that people (especially parents) can bookmark a safe one and block the one with adult references if they so choose.  

Believe me, I'd have Dreamweaver if I could afford it . . . I have 3 but lost my CD key, and I can't drop the money on MX right now.  *drools*  And yeah, like I said, I know it's easy enough to get around the right-click, but it makes a little hurdle, and in case I ever actually have to go after someone for lifting images, there's no question about it from the page coding that I didn't want them used, since one of the most common excuses was "I thought it would be okay".  it serves its purpose.  '<img'>  And for right now the screen width thing is just out, the prog I'm using won't handle that kind of modification unfortunately.
<img src="http://mercury.walagata.com/w/blindtyldak/test1.gif" border="0">
<b>The cat's creedo: "When in doubt, wash."</b>
<a href="http://tensik.deviantart.com/" target="_blank">DeviantArt</a> / <a href="http://www.furaffinity.net/user/tensik/" target="_blank">FurAffinity</a>

Please test my site!  <a href="http://www.tensikart.furtopia.org/" target="_blank">http://www.tensikart.furtopia.org/

Offline Kada-Ru

  • Species: Golden Blue Pegasus
  • Member Since: 11-29-2002 Web Admin!
  • *
  • Female
  • Posts: 9701
    • Kaycy's Creations for Fun
Web design newbie needs help
« Reply #10 on: February 04, 2006, 04:12:25 pm »
Ok. Well, good luck with getting it set up the way you want it to be. If you have a 'g' rated site, it will automatically list on http://www.creativepaws.org as well. It is strictly 'G' rated only.

You can also have a 'g' rated site AND an adult site if you wish.

Offline Tensik

  • Hero Member
  • *****
  • Female
  • Posts: 801
    • http://www.tensikart.furtopia.org
Web design newbie needs help
« Reply #11 on: February 04, 2006, 04:32:17 pm »
That's what I'd like to do, is one of each.  I'm going to get this one built first, and then I can duplicate the framework and gallery pages for the g-rated material and remove everything that's not all ages to make a second site.
<img src="http://mercury.walagata.com/w/blindtyldak/test1.gif" border="0">
<b>The cat's creedo: "When in doubt, wash."</b>
<a href="http://tensik.deviantart.com/" target="_blank">DeviantArt</a> / <a href="http://www.furaffinity.net/user/tensik/" target="_blank">FurAffinity</a>

Please test my site!  <a href="http://www.tensikart.furtopia.org/" target="_blank">http://www.tensikart.furtopia.org/

Offline pandora

  • Jr. Member
  • critter
  • **
  • Posts: 51
    • Synx's bolthole
Web design newbie needs help
« Reply #12 on: February 04, 2006, 06:44:46 pm »
Quote (Tensik @ Jan. 31 2006, 8:26 pm)
U1.) how to I make my web pages scale automatically to the resolution of the viewer's system?
That's a sticky issue, because only recently has the HTML standard supported percentage based sizes.  Generally though, you should be able to say for instance:
<style>
img.thumb { width: 8% }
</style>
...
<img class="thumb" src=.../>

I dunno if you can directly say '<img width="8%"...' instead of using CSS styles.

Quote
2.) I'd like to code it so that the images in my gallery can't be right clicked and saved
Why is that?

Quote
or remote linked to other web sites.
You have to control the web server if you do this, or at least a CGI program, but it's easy enough when you do.  Just have your server refuse 'Referer' headers that don't match the parent page.  People can still fake those, but it's not the default in most cases so your bandwidth won't get used as much.

Quote
3.) Is there a way to register your site with parental control programs so that adult pages will be blocked to children?  I'm all for free internet, but want to do my part to help people who actually pay attention to what their kids look at online.
People who actually pay attention to their kids don't need parental control programs.  ':p'

You don't really have any way, because most parental control programs have a secret encrypted database of what sites they block, and they don't let anyone see it.  One person almost went to jail for releasing that information actually, because they block sites as per an elitist agenda, not just the dirty ones, and they screw up a lot.  So sites on contraceptives, sites on Wicca, sites on Furry Lifestyle, those kind of things get blocked.  They're the ones in control of blocking your site from other people, not you.

But don't worry about it seriously, unless you're releasing photographs of messy painful bondage rituals you aren't likely to traumatize any children.  Just make sure you put somewhere that only-those-above-the-magic-age-of-18-can-read-this-so-bugger-off!  The keywords stuff other people mentioned should do that as well.




To thine own self be true, and all else be flattery.

Offline Tensik

  • Hero Member
  • *****
  • Female
  • Posts: 801
    • http://www.tensikart.furtopia.org
Web design newbie needs help
« Reply #13 on: February 05, 2006, 12:35:20 am »
1.) Well, I already determined I can't make it scale with the prog I'm using, like I said, but thanks.

2.) On recomendation from another couple of artists, one of which had a bunch of jpegs taken off of their site and sold as some very low-quality notecards, and people contacted them to let the artist know they sucked and the notecards were junk, which is how they found out, another one who got movie fan images of artwork he did stolen off of his site and put on CD's and sold on e-Bay by someone (note: do not cross George Lucas).  Like I said, I know it won't stop anyone really, but at least if they right click they now get a nice little pop-up that says "please don't save the images, e-mail me first!" so they'd have to go out of their way to circumvent it.  It just covers MY butt.

3.) I have this little thing about helping parents who do take precautions to monitor their children's browsing but can't necessarily always be in the room themselves.  Being considerate . . . *sighs*  I know, it sucks, but what can you do.  '<img'>
<img src="http://mercury.walagata.com/w/blindtyldak/test1.gif" border="0">
<b>The cat's creedo: "When in doubt, wash."</b>
<a href="http://tensik.deviantart.com/" target="_blank">DeviantArt</a> / <a href="http://www.furaffinity.net/user/tensik/" target="_blank">FurAffinity</a>

Please test my site!  <a href="http://www.tensikart.furtopia.org/" target="_blank">http://www.tensikart.furtopia.org/

Offline Firehazard

  • Hero Member
  • Slightly used and mostly confused!
  • *****
  • Male
  • Posts: 1414
    • My FurAffinity
Web design newbie needs help
« Reply #14 on: February 06, 2006, 10:56:37 pm »
I don't know if this will help, but as far as filtering, you might want to register your site with the ICRA (http://www.icra.org).  They are supposedly the "official" Internet ratings system, though I don't know how many filters scan for ICRA tags.  They'll give you a code to put on the applicable pages so that any filter that does use it will block those pages out.
Quote from: Savaaha
We have a 27in westinghouse hd flat widescreen TV, Tak has it connected up so its our TV and his comp monitor. We had it since 2009 and its going great.

Art by me.

Offline Skunkster

  • Hero Member
  • *****
  • Male
  • Posts: 743
Web design newbie needs help
« Reply #15 on: February 09, 2006, 10:46:46 am »
If you want, you can PM the page location to me, and I'll send you back the text to edit for you to get the scalable functions.  Or write click on my homepage and see the table commands I used to scale the story there. I think that's the working page... I'll check later. Someone hacked away about 75% of my files somehow and some back-up files were new than others. I'm still sorting it out. ':p'

If you are saving the files out in html, you will be able to pull them into any other html editor, since they are just text files. I use OpenOffice. It's available at openoffice.org.

Offline Tensik

  • Hero Member
  • *****
  • Female
  • Posts: 801
    • http://www.tensikart.furtopia.org
Web design newbie needs help
« Reply #16 on: February 09, 2006, 12:55:21 pm »
Thanks Skunk . . . but (and please don't take this the wrong way because everyone's doing it) I'm going to say it for about the fifth time, I CANNOT MODIFY THE HTML FOR THE PAGE SCALING IN THE PROGRAM I AM USING, WHICH I REALIZED AFTER I STARTED THIS THREAD, THANK YOU VERY MUCH EVERYONE ANYWAY FOR YOUR SUGGESTIONS BUT PLEASE FORGET I ASKED THAT BECAUSE NO MATTER WHAT YOU SAY I CANNOT DO IT.   '<img'>

Everything else was answered and works and is great.  *hugs all around*  Thanks everyone!
<img src="http://mercury.walagata.com/w/blindtyldak/test1.gif" border="0">
<b>The cat's creedo: "When in doubt, wash."</b>
<a href="http://tensik.deviantart.com/" target="_blank">DeviantArt</a> / <a href="http://www.furaffinity.net/user/tensik/" target="_blank">FurAffinity</a>

Please test my site!  <a href="http://www.tensikart.furtopia.org/" target="_blank">http://www.tensikart.furtopia.org/

Offline Lavender

  • Sr. Member
  • ****
  • Male
  • Posts: 424
    • The ole furtopia site, desperately needs updating
Web design newbie needs help
« Reply #17 on: February 09, 2006, 03:19:56 pm »
Can't ya just edit it with Notepad?