View Full Version : Can this Coding be in More Simple Way
creative1977
03-27-2021, 03:16 PM
Can this Coding be in More Simple Way?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW" />
<title>Articles</title>
<meta name="description" content="#" />
<meta name="keywords" content="#" />
<style type="text/css">
body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: #374756;
}
#MainContainer01 {
width: 1240px;
margin: 0 auto;
/*padding: 20px;*/
/*background: #000000;*/
}
.Header {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center;
font-size: 25pt;
background-color: #00005E;
line-height: 75px;
}
.HREFNoBorder {
border-width: 0px;
}
.FL {
width: 310px;
float: left;
text-align: center;
padding-bottom: 30px;
height: 381px;
}
.gap {
line-height: 35px;
height: 35px;
color: #FFCC00;
font-family: verdana;
font-size: 12pt;
background-color: #00005E;
text-align: left;
padding-left: 20px;
}
.Edition01 {
line-height: 30px;
font-family: Arial;
font-size: 12pt;
background-color: #FFFF00;
text-align: right;
width: 286px;
padding-right: 15px;
position:relative; left:4px;
}
.CopyRightSegment {
font-family: Verdana;
font-size: 12pt;
color: #FFFFFF;
height: 35px;
text-align: center;
width: 100%;
background-color: #4F4F4F;
clear: both;
line-height: 35px;
margin: 0 0px 0 0px;
}
.Testing {
width: 300px;
height: 50px;
background-color: lime;
position: relative;
left: 80px;
</style>
</head>
<body onLoad="goforit()">
<div id="MainContainer01">
<div class="Header">- Articles -</div>
<div class="gap">Time JavaScript</div>
<div style="background-color:white">
<div class="Testing"></div>
</div>
<div class="FL"><div class="Edition01">TITLE 01</div><a target="_blank" href="#">
<img alt="#" longdesc="#" src="https://www.robertluff.co.uk/uploads/files/renting_with_pets_banner_image_341.jpg" width="301" height="381" class="HREFNoBorder" /></a></div>
<div class="FL"><div class="Edition01">TITLE 02</div><a target="_blank" href="#">
<img alt="#" longdesc="#" src="https://post.healthline.com/wp-content/uploads/2020/09/1867-Pets_Vaccination-1296x728-header-1200x628.jpg" width="301" height="381" class="HREFNoBorder" /></a></div>
<div class="FL"><div class="Edition01">TITLE 03</div><a target="_blank" href="#">
<img alt="#" longdesc="#" src="https://m.economictimes.com/thumb/msid-72951938,width-1200,height-900,resizemode-4,imgsize-579705/the-owners-can-also-make-a-few-changes-like-increasing-or-decreasing-a-specific-substance-it-is-better-to-minimise-treats-during-this-season-as-it-contributes-to-the-weight-.jpg" width="301" height="381" class="HREFNoBorder" /></a></div>
<div class="FL"><div class="Edition01">TITLE 04</div><a target="_blank" href="#">
<img alt="#" longdesc="#" src="https://images.theconversation.com/files/319652/original/file-20200310-61148-vllmgm.jpg?ixlib=rb-1.1.0&q=45&auto=format&w=754&fit=clip" width="301" height="381" class="HREFNoBorder" /></a></div>
</div>
<div class="CopyRightSegment">© Copyright Segment</div>
</body>
</html>[/HTML]
coothead
03-27-2021, 09:07 PM
Hi there creative1977,
and a warm welcome to these forums. :D
Can this Coding be in More Simple Way?
Well, I don't know if you will find this example to be more simple,
but what I can say, is that you will find it more versatile, as it will
work very well on both PC and Mobile devices.
Page Reworked file:-
creative1977.zip (https://www.mediafire.com/file/xeiiqt84pujg217/creative1977.zip/file)
coothead
creative1977
03-28-2021, 03:55 PM
Hi coothead,
Thanks a Bunch for your Warm Welcome :)
I Checked the Reworked in Computer. It's Looks Perfect and Great! Thank you So Very Much for making it Compatable for PC and Mobile Devices. Is it Possible to Secure the File with a Password?
creative1977
03-28-2021, 03:57 PM
Hi there creative1977,
Hi coothead,
and a warm welcome to these forums. :D
Thanks a Bunch for your Warm Welcome :)
Well, I don't know if you will find this example to be more simple,
but what I can say, is that you will find it more versatile, as it will
work very well on both PC and Mobile devices.
I Checked the Reworked in Computer. It's Looks Perfect and Great! Thank you So Very Much for making it Compatible for PC and Mobile Devices. Is it Possible to Secure the File with a Password?
coothead
03-28-2021, 07:32 PM
Is it Possible to Secure the File with a Password?
If you mean the creative1977.zip file, I can delete it if you like.
coothead
creative1977
03-29-2021, 03:56 PM
If you mean the creative1977.zip file, I can delete it if you like.
No No No... I am Not Referring about creative1977.zip file. I am Referring about index.html file. Upon typing the Password, index.html file Should Display. Is it Possible?
coothead
03-30-2021, 01:52 AM
Hi there creative1977,
yes, that can be done using php.
I have put the page on my server for you to test...
https://coothead.co.uk/creative1977/index.php
Test Password :- abc-123
coothead
creative1977
03-30-2021, 06:40 PM
Hi there coothead,
That's Awesome! Just now I Checked and it's Perfect. But why did you Change the file as index.php? Is it Possible to Make it in .html instead of .php? Can you please Send Me the Zipped folder?
coothead
03-30-2021, 07:08 PM
But why did you Change the file as index.php?
Is it Possible to Make it in .html instead of .php?
Can you please Send Me the Zipped folder?
The php extension is required, because, on reflection,
I considered the PHP solution to be ideal.
Yes, but it required the use of .htpasswrd and
.htaccess files which I was unable to make work
successfully.
I certainly can.
creative-77-psw.zip (https://www.mediafire.com/file/5og9ta3fp42gbf8/creative-77-psw.zip/file)
coothead
creative1977
03-31-2021, 01:31 PM
1. The php extension is required, because, on reflection, I considered the PHP solution to be ideal.
I See... Okie. So You mean "on reflection" is In-Context to the Password?
2. Yes, but it required the use of .htpasswrd and .htaccess files which I was unable to make work successfully.
use of .htpasswrd and .htaccess mean the UserNAME and Password to Access the Server?
3. I certainly can.
Thank you coothead. By the way, I have Sent you a PM. Can you please Respond to My PM?
coothead
03-31-2021, 01:54 PM
Hi there creative1977,
So You mean "on reflection" is In-Context to the Password?
No, I meant that on reflection a PHP as opposed to a HTML method was preferable.
use of .htpasswrd and .htaccess mean the UserNAME and Password to Access the Server?
Yes, the two files should communicate with the server, but I was unable to code it it correctly.
If you wish to try yourself, check out this link..
htpasswd for a web page (https://duckduckgo.com/?q=htpasswd+for+a+web+page&t=lm&ia=web)
I have Sent you a PM. Can you please Respond to My PM?
Maybe, if it is not of a personal nature.
coothead
creative1977
04-05-2021, 04:00 PM
Hi coothead,
Thanks for your Response. Hope you are Doing Well and Safe.
No, I meant that on reflection a PHP as opposed to a HTML method was preferable.
Ah! Okie. I Understood. Can you please Send Me the Zipped Folder?
Yes, the two files should communicate with the server, but I was unable to code it it correctly.
If you wish to try yourself, check out this link..
htpasswd for a web page
Thank you for Sending the Reference Link. I will Check it during Weekend.
Maybe, if it is not of a personal nature.
It was Not of a Personal Nature. It was related to Discussion.
coothead
04-05-2021, 04:25 PM
Can you please Send Me the Zipped Folder?
I actually gave you a link to the zipped PHP password folder in post #9.
Here it is again...
creative-77-psw.zip (https://www.mediafire.com/file/5og9ta3fp42gbf8/creative-77-psw.zip)
coothead
creative1977
04-07-2021, 02:01 PM
Hi coothead,
Thanks for your Response.
I actually gave you a link to the zipped PHP password folder in post #9.
Just now I Scrolled Back to post #9 to Check it and I Realized that I just didn't Notice the Given Link which was under:
3. I certainly can.
Here it is again...
Thank you for Sending Again...
coothead
04-07-2021, 06:16 PM
Hi there creative1977,
let us know if you are able to get it to work for you OK.
coothead
creative1977
04-08-2021, 08:18 AM
Hi coothead,
Thanks for your Response.
let us know if you are able to get it to work for you OK.
I Unzipped the "creative-77-psw.zip" and Checked the Files. In the "index.php" file, there is a PHP Code which is above <!DOCTYPE HTML> Is it Possible to Keep that PHP's psw Code in a Different file instead of Incorporating within "index.php" file? Because, it can be Seen very Easily in Source Code from Browser. I just feel that the "psw" needs to be Kept in a Secure Mode. I hope I am Making Sense. I hope You received my PM. If not, then I will ReSend it again. Ah! And then, what should I Do to Keep the index Page safe from Web Crawlers? I do not want index Page to Get Listed in Search Engines.
coothead
04-08-2021, 08:47 AM
Hi there creative1977,
the PHP code above the <!DOCTYPE HTML> is SERVER SIDE code and not sent to or visible CLIENT SIDE.
Go to this page...
https://coothead.co.uk/creative1977/index.php
.and then click View Source to put your mind at rest.
coothead
coothead
04-08-2021, 09:04 AM
What should I do to Keep the index Page safe from Web Crawlers?
I do not want index Page to Get Listed in Search Engines
.
You need to create a robots.txt file.
https://moz.com/learn/seo/robotstxt
https://developers.google.com/search/docs/advanced/robots/intro
coothead
creative1977
04-12-2021, 04:00 PM
Hi coothead,
Thanks for your Response. Hope you are Doing Well and Safe.
the PHP code above the <!DOCTYPE HTML> is SERVER SIDE code and not sent to or visible CLIENT SIDE.
Ah! Okie. Understood.
Go to this page...
https://coothead.co.uk/creative1977/index.php
.and then click View Source to put your mind at rest.
WOW! That's Cool. Thanks for Putting My Mind at Rest.
You need to create a robots.txt file.
https://moz.com/learn/seo/robotstxt
https://developers.google.com/search...d/robots/intro
I will Check those 2 Links sometime during Weekend. Is there any Alternative Way to Contact and Get in Touch with You?
coothead
04-12-2021, 06:12 PM
Hi there creative1977,
I forgot to mention that, although robots.txt is used to deter crawlers,
your index.php would, actually, only be visible to them if they were in
possession of your password.
What the crawlers will see when trying to crawl index.php is...
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<title>Login Page</title>
<link rel="stylesheet" href="screen.css" media="screen">
</head>
<body>
<header>
<h1>- Login -</h1>
</header>
<main>
<form method="POST">
<div>
</div>
<label for="password"> Enter password for access:</label>
<input type="password" id="password" name="password">
<button type="submit">Submit</button>
</form>
</main>
<footer>
© Segment
</footer>
</body>
</html>
Is there any Alternative Way to Contact and Get in Touch with You?
My normal and preferred way of communication with members is directly
in the forums. Why do you find that unacceptable?
coothead
creative1977
04-14-2021, 03:21 PM
Hi coothead,
Thanks for your Response.
I forgot to mention that, although robots.txt is used to deter crawlers,
your index.php would, actually, only be visible to them if they were in
possession of your password.
Can you you please Explain again in a More Easier way to Understand Easily?
What the crawlers will see when trying to crawl index.php is...
So, does that Mean only the LogIN Page will get Listed in Search Engines?
My normal and preferred way of communication with members is directly
in the forums.
Ah! Okie.
Why do you find that unacceptable?
No. Nothing like that. Just wanted to Know if You are Available on Email, ZOOM, WhatsApp, Skype. I will Communicate with you in the Forums.
coothead
04-14-2021, 04:46 PM
Hi there creative1977,
Can you you please Explain again in a More Easier way to Understand Easily?
When someone or a crawler tries to go to this address...
https://coothead.co.uk/creative1977/index.php
...the PHP at the top of the document...
<?php
require_once 'protect.php';
Protect\with('form.php', 'abc-123'); //adjust password to suit
?>
...prevents index.php from being sent to the user's browser.
Instead the PHP redirects the user to the form.php page.
This PHP will then check the user's password input on the
submission of the form, and then, if it is correct, and only then,
it will send the index.php to the user's browser.
This PHP processing is neither visible to the user nor the creepy
crawlers.
So, does that Mean only the LogIN Page will get Listed in Search Engines?
I cannot answer that for certain, but...
To prevent most search engine web crawlers from indexing a
page on your site, place the following meta tag into the
<head> section of your page:
<meta name="robots" content="noindex">
Just wanted to Know if You are Available on Email, ZOOM, WhatsApp, Skype
No, I do not use emailing for forum work as spam would
eventually fill my inbox and as for social media sites, well,
for personal protection, I avoid them all like the plague.
coothead
creative1977
04-15-2021, 07:46 AM
Hi coothead,
Thanks for your Response.
When someone or a crawler tries to go to this address...
https://coothead.co.uk/creative1977/index.php
...the PHP at the top of the document...
Code:
<?php
require_once 'protect.php';
Protect\with('form.php', 'abc-123'); //adjust password to suit
?>
...prevents index.php from being sent to the user's browser.
Instead the PHP redirects the user to the form.php page.
This PHP will then check the user's password input on the
submission of the form, and then, if it is correct, and only then,
it will send the index.php to the user's browser.
This PHP processing is neither visible to the user nor the creepy
crawlers.
Ah! That's really Interesting! Okie. Now I Understood.
I cannot answer that for certain, but...
Quote Originally Posted by Google
To prevent most search engine web crawlers from indexing a
page on your site, place the following meta tag into the
<head> section of your page:
Code:
<meta name="robots" content="noindex">
Okie.
No, I do not use emailing for forum work as spam would
eventually fill my inbox and as for social media sites, well,
for personal protection, I avoid them all like the plague.
Ah! Okie. No Worries. I can Understand. By the way, in My Version of CODE which is in Post #1 (http://www.dynamicdrive.com/forums/showthread.php?85911-Can-this-Coding-be-in-More-Simple-Way&p=331908#post331908), why the TITLE Segments were Not Aligned accurately? I Know that I did a Mistake but I would Like to Know what was My Mistake and How to Fix it.
coothead
04-15-2021, 10:17 AM
Hi there creative1977,
...in my version of code, why the TITLE segments were not aligned accurately?
I know that I did a mistake but I would Like to know what was my mistake and how to fix it.
The main problem with your gallery is that that the images have different aspect ratios which distorts
the images when you apply fixed dimensions. So, in my coding, I edited them to make dogs look normal.
With that in mind these modifications to your code would go a little way towards a better effect.
I did not change your basic HTML, to my simpler coding as you wanted to see how the positioning could
be improved.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="robots" CONTENT="nofollow"/>
<meta name="description" content="#"/>
<meta name="keywords" content="#"/>
<title>Articles</title>
<style type="text/css">
body {
/*margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;*/ margin: 0;
background-color: #374756;
}
#MainContainer01 {
/*width: 1240px;*/ max-width:78em;
margin: 0 auto;
/*padding: 20px;*/
/*background: #000000;*/
}
.Header {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center;
/*font-size: 25pt;*/
background-color: #00005E;
line-height: 75px;
}
.HREFNoBorder {
border-width: 0;
}
.FL {
/*width: 310px;*/ width:25%;
float: left;
text-align: center;
padding-bottom: 30px;
/*height: 381px;*/
}
.FL img {
display: block;
width: 100%;
height:24em;
}
.gap {
line-height: 35px;
height: 35px;
color: #FFCC00;
font-family: verdana;
/*font-size: 12pt;*/
background-color: #00005E;
text-align: left;
padding-left: 20px;
}
.Edition01 {
line-height: 30px;
font-family: Arial;
/*font-size: 12pt;*/
background-color: #FFFF00;
/*text-align: right;*/ text-align:center;
/*width: 286px;*/
/*padding-right: 15px;*/
/*position:relative; left:4px;*/
}
.CopyRightSegment {
font-family: Verdana;
/*font-size: 12pt;*/
color: #FFFFFF;
height: 35px;
text-align: center;
width: 100%;
background-color: #4F4F4F;
clear: both;
line-height: 35px;
margin: 0 0 0 0;
}
.Testing {
width: 300px;
height: 50px;
background-color: lime;
position: relative;
left: 80px;
</style>
</head>
<body>
<div id="MainContainer01">
<div class="Header">- Articles -</div>
<div class="gap">Time JavaScript</div>
<div style="background-color:white">
<div class="Testing"></div>
</div>
<div class="FL">
<div class="Edition01">TITLE 01</div>
<a target="_blank" href="#">
<img alt="#" longdesc="#" src="https://www.robertluff.co.uk/uploads/files/renting_with_pets_banner_image_341.jpg" width="301" height="381" class="HREFNoBorder">
</a>
</div>
<div class="FL">
<div class="Edition01">TITLE 02</div>
<a target="_blank" href="#">
<img alt="#" longdesc="#" src="https://post.healthline.com/wp-content/uploads/2020/09/1867-Pets_Vaccination-1296x728-header-1200x628.jpg" width="301" height="381" class="HREFNoBorder"/>
</a>
</div>
<div class="FL">
<div class="Edition01">TITLE 03</div>
<a target="_blank" href="#">
<img alt="#" longdesc="#" src="https://m.economictimes.com/thumb/msid-72951938,width-1200,height-900,resizemode-4,imgsize-579705/the-owners-can-also-make-a-few-changes-like-increasing-or-decreasing-a-specific-substance-it-is-better-to-minimise-treats-during-this-season-as-it-contributes-to-the-weight-.jpg" width="301" height="381" class="HREFNoBorder"/>
</a>
</div>
<div class="FL">
<div class="Edition01">TITLE 04</div>
<a target="_blank" href="#">
<img alt="#" longdesc="#" src="https://images.theconversation.com/files/319652/original/file-20200310-61148-vllmgm.jpg?ixlib=rb-1.1.0&q=45&auto=format&w=754&fit=clip" width="301" height="381" class="HREFNoBorder"/>
</a>
</div>
</div>
<div class="CopyRightSegment">© Copyright Segment</div>
</body>
</html>
coothead
creative1977
04-16-2021, 08:45 AM
Hi coothead,
Thanks for your Response.
The main problem with your gallery is that that the images have different aspect ratios which distorts
the images when you apply fixed dimensions.
Yes! I know the Images will get Distort. For Time being I picked the Random Images from Google Search. The Actual and Final Images would be width="301" height="381".
So, in my coding, I edited them to make dogs look normal.
Ah! What exactly did you Do in the Coding? And you know what? The Dimension of Images Looks Perfect upon Launching in MS Edge Browser but Different in Microsoft Office SharePoint Designer 2007 which is My HTML Editor.
6461
With that in mind these modifications to your code would go a little way towards a better effect.
Okie. Noted. Thank you!
I did not change your basic HTML, to my simpler coding as you wanted to see how the positioning could
be improved.
I really Appreciate! Thank you for Coaching Me and for your Wonderful Support My Friend. What should I Do give Gap in between the ThumbNails?
6462
coothead
04-16-2021, 09:58 AM
Hi there creative1977,
What should I do to give a gap in between the thumbnails?
Simple, just use the HTML and CSS coding and images that I provided for you here...
creative-77-psw.zip (https://www.mediafire.com/file/5og9ta3fp42gbf8/creative-77-psw.zip/file)
coothead
creative1977
04-19-2021, 12:25 PM
Hi coothead,
Thanks for your Response. I Hope you are Doing Well and Safe.
Simple, just use the HTML and CSS coding and images that I provided for you here...
Ah! Yes :) Okie. I will Try to Use it Shortly and then Show you the CODE. Thank you coothead!
creative1977
04-20-2021, 01:57 PM
Hi coothead Hi avivanixon Hi Everyone,
You know what? I Received an Automated Email from ddrivehelp@gmail.com ID. It says:
avivanixon has just replied to a thread you have subscribed to entitled - Can this Coding be in More Simple Way - in the CSS forum of Dynamic Drive Forums.
This thread is located at:
http://www.dynamicdrive.com/forums/showthread.php?85911-Can-this-Coding-be-in-More-Simple-Way&goto=newpost
Here is the message that has just been posted:
***************
Your statistics assignment help team did an amazing job on my STATA homework. In Fact I would like to know the Statistics homework help expert who handled my work because I would like to hire them again. I am pleased with everything about you.
***************
There may also be other replies, but you will not receive any more notifications until you visit the forum again.
All the best,
Dynamic Drive Forums
I am Not able to View avivanixon's Reply in this Thread. What could be the Reason?
coothead
04-20-2021, 02:20 PM
Hi there creative1977,
I received a similar email notification.
I would assume that the poster was considered to be a 'personna non grata'
by the forum moderators and that they and their post were dispatched into
cyberspace, never to be seen again.
Forum moderators; james438 (http://www.dynamicdrive.com/forums/member.php?15852-james438) and keyboard (http://www.dynamicdrive.com/forums/member.php?56681-keyboard) might be able to give you
further information, if required.
coothead
keyboard
04-21-2021, 12:02 AM
Hey creative1977, coothead is correct about this one! The user in question was banned for spam, and all their posts were deleted (which is why the post in question is missing).
A lot of spam is automatically picked up by the spam filters, but some gets through and has to be manually deleted. In these cases, the notification emails are sent before we get a chance to remove them.
creative1977
04-23-2021, 01:28 PM
Hi coothead Hi keyboard
Ah! Ah! I See. Okie. Thanks a Bunch for Letting Me Know. Good Job keyboard and Pleasure to Know you. Thanks a Bunch your Response.
the poster was considered to be a 'personna non grata'
by the forum moderators
Hi again coothead... What exactly does "personna non grata" means?
coothead
04-23-2021, 03:38 PM
What exactly does "personna non grata" means?
It's a Latin phrase meaning an unacceptable person and is
used to mean someone who is not welcome or acceptable.
coothead
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.