The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Link to Index From Homepage

4 posters

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

Page 2 of 2 • Previous  1, 2

Go down

Solved Link to Index From Homepage

Post by Rogo October 30th 2013, 12:07 am

First topic message reminder :

If you set an HTML page to index without the header ect. how do you link to the main forum index?
avatar
Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Rogo October 30th 2013, 3:57 am

Not yet. We got it back in 2011, renewed in 2012 and it expires in 55 days.
avatar
Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Sir Chivas™ October 30th 2013, 4:08 am

So, when clicking the button: it redirects to /forum, which works for several members on the forum? What happens when it doesn't "work"?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Rogo October 30th 2013, 4:14 am

It only works for one person. When it doesn't work it just goes right back to the HTML page.
avatar
Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Sir Chivas™ October 30th 2013, 4:16 am

Can you provide the code used right now? Thank you.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Rogo October 30th 2013, 4:28 am

Code:
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8" />
<title>Moving Day is Nigh - Campbell County</title>

<link href="http://fonts.googleapis.com/css?family=Advent+Pro" rel="stylesheet" type="text/css">

<style>
html,
body {
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
}
body {
background-color: #dddddd;
font-family: 'Advent Pro', sans-serif;
font-size: 16pt;
text-shadow: 0 1px #ffffff;
}
a,
a:visited {
color: #666666;
text-decoration: none;
}
a.small {
font-size: 60%;
}
a:hover {
color: #000000;
text-decoration: underline;
}
div.buttons {
margin: 50px 0 20px 0;
}
div.buttons a,
div.buttons a:visited {
background-color: #aaaaaa;
border-radius: 10px;
color: #000000;
display: inline-block;
padding: 10px 20px;
text-decoration: none;
text-shadow: 0 1px #dddddd;
}
div.buttons a:hover {
background-color: #cccccc;
}
div.buttons a.disabled {
background-color: #cccccc;
cursor: default;
}
div.video {
transition: all 1s;
}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

<!--<link rel="stylesheet" href="http://www.lokeshdhakar.com/projects/lightbox2/css/lightbox.css" media="screen"/>-->

</head>
<body>

<div id="top" style="display: flex; align-items: center; clear: both; height: 100%; width: 100%; flex-direction: column; overflow: auto;">

   <div id="main-content" style="margin: 0 auto; padding-top: 40px; text-align: center; width: 800px;">

       <img alt="Campbell County" src="http://ccmb.co/i/files/move-landing-page/october-2013.png" style="width: 90%;"></img>

       <h1>Guess what! It's almost time to move!</h1>

       <p>Tonight, Campbell County will begin its big move to a new domain!<br />Come back late tonight or tomorrow for registration.</p>

       <p>In the meantime, check out our new venture. We're starting our own video newscast!</p>

       <div class="buttons">

           <a href="#bottom" title="">Watch the NewsCast</a>
           <!--<a href="#" title="">FAQ</a>-->
           <a href="/forum" title="Index Page">Current Index Page</a>
           <a title="" class="disabled">Registration Coming Soon</a>

       </div>

       <a href="http://ccmb.co/chat" title="Continue to the current Campbell County website">to the chatroom</a>
          
       <a href="http://www.forumotion.com" target="_blank" class="small">powered by forumotion.com</a>

   </div>

</div>

<div id="bottom" style="display: flex; align-items: center; clear: both; height: 100%; width: 100%; flex-direction: column; overflow: auto; background-color: #1b1b1b; ">

   <div id="video" style="margin: 0 auto; padding-top: 40px; text-align: center; width: 640px;">

       <iframe width="640" height="480" src="//www.youtube.com/embed/F65tcpJ9w_A" frameborder="0" allowfullscreen></iframe>

       <div class="buttons" style="margin: 10px 0 0 0;">
           <a href="#top" title="Close the video">Close</a>
       </div>

   </div>

</div>

<!--<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/jquery-1.10.2.min.js"></script>
<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/lightbox-2.6.min.js"></script>-->

<script type="text/javascript">

$(document).ready(function(){
 $('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
  var $target = $(this.hash);
  $target = $target.length && $target
  || $('[name=' + this.hash.slice(1) +']');
  if ($target.length) {
 var targetOffset = $target.offset().top;
 $('html,body')
 .animate({scrollTop: targetOffset}, 1000);
   return false;
  }
}
 });
});

</script>

</body>
</html>
avatar
Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Sir Chivas™ October 30th 2013, 4:51 am

Okay,

Replace your code with this one:
Code:
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8" />
<title>Moving Day is Nigh - Campbell County</title>

<link href="http://fonts.googleapis.com/css?family=Advent+Pro" rel="stylesheet" type="text/css">

<style>
html,
body {
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
}
body {
background-color: #dddddd;
font-family: 'Advent Pro', sans-serif;
font-size: 16pt;
text-shadow: 0 1px #ffffff;
}
a,
a:visited {
color: #666666;
text-decoration: none;
}
a.small {
font-size: 60%;
}
a:hover {
color: #000000;
text-decoration: underline;
}
div.buttons {
margin: 50px 0 20px 0;
}
div.buttons a,
div.buttons a:visited {
background-color: #aaaaaa;
border-radius: 10px;
color: #000000;
display: inline-block;
padding: 10px 20px;
text-decoration: none;
text-shadow: 0 1px #dddddd;
}
div.buttons a:hover {
background-color: #cccccc;
}
div.buttons a.disabled {
background-color: #cccccc;
cursor: default;
}
div.video {
transition: all 1s;
}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

<!--<link rel="stylesheet" href="http://www.lokeshdhakar.com/projects/lightbox2/css/lightbox.css" media="screen"/>-->

</head>
<body>

<div id="top" style="display: flex; align-items: center; clear: both; height: 100%; width: 100%; flex-direction: column; overflow: auto;">

   <div id="main-content" style="margin: 0 auto; padding-top: 40px; text-align: center; width: 800px;">

       <img alt="Campbell County" src="http://ccmb.co/i/files/move-landing-page/october-2013.png" style="width: 90%;"></img>

       <h1>Guess what! It's almost time to move!</h1>

       <p>Tonight, Campbell County will begin its big move to a new domain!<br />Come back late tonight or tomorrow for registration.</p>

       <p>In the meantime, check out our new venture. We're starting our own video newscast!</p>

       <div class="buttons">

           <a href="#bottom" title="">Watch the NewsCast</a>
           <!--<a href="#" title="">FAQ</a>-->
           <a href="/forum" onclick="return theFunction();">Current Index Page</a>

           <a title="" class="disabled">Registration Coming Soon</a>

       </div>


       <a href="http://ccmb.co/chat" title="Continue to the current Campbell County website">to the chatroom</a>
          
       <a href="http://www.forumotion.com" target="_blank" class="small">powered by forumotion.com</a>

   </div>

</div>
<script type="text/javascript">
<!--
function redirect() {
   window.location = "http://www.campbellcountymb.com/forum"

}
//-->
</script>

<div id="bottom" style="display: flex; align-items: center; clear: both; height: 100%; width: 100%; flex-direction: column; overflow: auto; background-color: #1b1b1b; ">

   <div id="video" style="margin: 0 auto; padding-top: 40px; text-align: center; width: 640px;">

       <iframe width="640" height="480" src="//www.youtube.com/embed/F65tcpJ9w_A" frameborder="0" allowfullscreen></iframe>

       <div class="buttons" style="margin: 10px 0 0 0;">
           <a href="#top" title="Close the video">Close</a>
       </div>

   </div>

</div>

<!--<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/jquery-1.10.2.min.js"></script>
<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/lightbox-2.6.min.js"></script>-->

<script type="text/javascript">

$(document).ready(function(){
 $('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
  var $target = $(this.hash);
  $target = $target.length && $target
  || $('[name=' + this.hash.slice(1) +']');
  if ($target.length) {
 var targetOffset = $target.offset().top;
 $('html,body')
 .animate({scrollTop: targetOffset}, 1000);
   return false;
  }
}
 });
});

</script>

</body>
</html>
Should work. I've used Jquery to redirect everyone to the index.

Look for this part above:
Code:
http://-->
Replace it with / /--> (The slashes are together, its just that it converts to a link.)
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Rogo October 30th 2013, 5:05 am

So it should be

Code:
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8" />
<title>Moving Day is Nigh - Campbell County</title>

<link href="http://fonts.googleapis.com/css?family=Advent+Pro" rel="stylesheet" type="text/css">

<style>
html,
body {
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
}
body {
background-color: #dddddd;
font-family: 'Advent Pro', sans-serif;
font-size: 16pt;
text-shadow: 0 1px #ffffff;
}
a,
a:visited {
color: #666666;
text-decoration: none;
}
a.small {
font-size: 60%;
}
a:hover {
color: #000000;
text-decoration: underline;
}
div.buttons {
margin: 50px 0 20px 0;
}
div.buttons a,
div.buttons a:visited {
background-color: #aaaaaa;
border-radius: 10px;
color: #000000;
display: inline-block;
padding: 10px 20px;
text-decoration: none;
text-shadow: 0 1px #dddddd;
}
div.buttons a:hover {
background-color: #cccccc;
}
div.buttons a.disabled {
background-color: #cccccc;
cursor: default;
}
div.video {
transition: all 1s;
}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

<!--<link rel="stylesheet" href="http://www.lokeshdhakar.com/projects/lightbox2/css/lightbox.css" media="screen"/>-->

</head>
<body>

<div id="top" style="display: flex; align-items: center; clear: both; height: 100%; width: 100%; flex-direction: column; overflow: auto;">

<div id="main-content" style="margin: 0 auto; padding-top: 40px; text-align: center; width: 800px;">

<img alt="Campbell County" src="http://ccmb.co/i/files/move-landing-page/october-2013.png" style="width: 90%;"></img>

<h1>Guess what! It's almost time to move!</h1>

<p>Tonight, Campbell County will begin its big move to a new domain!<br />Come back late tonight or tomorrow for registration.</p>

<p>In the meantime, check out our new venture. We're starting our own video newscast!</p>

<div class="buttons">

<a href="#bottom" title="">Watch the NewsCast</a>
<!--<a href="#" title="">FAQ</a>-->
<a href="/forum" onclick="return theFunction();">Current Index Page</a>

<a title="" class="disabled">Registration Coming Soon</a>

</div>


<a href="http://ccmb.co/chat" title="Continue to the current Campbell County website">to the chatroom</a>

<a href="http://www.forumotion.com" target="_blank" class="small">powered by forumotion.com</a>

</div>

</div>
<script type="text/javascript">
<!--
function redirect() {
window.location = "http://www.campbellcountymb.com/forum"

}
" rel="nofollow" target="_blank"/ /-->
</script>

<div id="bottom" style="display: flex; align-items: center; clear: both; height: 100%; width: 100%; flex-direction: column; overflow: auto; background-color: #1b1b1b; ">

<div id="video" style="margin: 0 auto; padding-top: 40px; text-align: center; width: 640px;">

<iframe width="640" height="480" src="//www.youtube.com/embed/F65tcpJ9w_A" frameborder="0" allowfullscreen></iframe>

<div class="buttons" style="margin: 10px 0 0 0;">
<a href="#top" title="Close the video">Close</a>
</div>

</div>

</div>

<!--<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/jquery-1.10.2.min.js"></script>
<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/lightbox-2.6.min.js"></script>-->

<script type="text/javascript">

$(document).ready(function(){
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body')
.animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});

</script>

</body>
</html>
?
avatar
Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Sir Chivas™ October 30th 2013, 5:09 am

Remove this part:
Code:
" rel="nofollow" target="_blank"
But, yes, everything is fine, however, make sure to put the two slashes together. Or you can provided me by PM your Admin account to add the code itself directly, since it's changing itself when I post it here..Can we do that instead, rather re-checking continuously?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Rogo October 30th 2013, 5:36 am

PM sent.
avatar
Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Sir Chivas™ October 30th 2013, 5:37 am

This is your old HTML:
Code:
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8" />
<title>Moving Day is Nigh - Campbell County</title>

<link href="http://fonts.googleapis.com/css?family=Advent+Pro" rel="stylesheet" type="text/css">

<style>
html,
body {
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
}
body {
background-color: #dddddd;
font-family: 'Advent Pro', sans-serif;
font-size: 16pt;
text-shadow: 0 1px #ffffff;
}
a,
a:visited {
color: #666666;
text-decoration: none;
}
a.small {
font-size: 60%;
}
a:hover {
color: #000000;
text-decoration: underline;
}
div.buttons {
margin: 50px 0 20px 0;
}
div.buttons a,
div.buttons a:visited {
background-color: #aaaaaa;
border-radius: 10px;
color: #000000;
display: inline-block;
padding: 10px 20px;
text-decoration: none;
text-shadow: 0 1px #dddddd;
}
div.buttons a:hover {
background-color: #cccccc;
}
div.buttons a.disabled {
background-color: #cccccc;
cursor: default;
}
div.video {
transition: all 1s;
}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

<!--<link rel="stylesheet" href="http://www.lokeshdhakar.com/projects/lightbox2/css/lightbox.css" media="screen"/>-->

</head>
<body>

<div id="top" style="display: flex; align-items: center; clear: both; height: 100%; width: 100%; flex-direction: column; overflow: auto;">

<div id="main-content" style="margin: 0 auto; padding-top: 40px; text-align: center; width: 800px;">

<img alt="Campbell County" src="http://ccmb.co/i/files/move-landing-page/october-2013.png" style="width: 90%;"></img>

<h1>Guess what! It's almost time to move!</h1>

<p>Tonight, Campbell County will begin its big move to a new domain!<br />Come back late tonight or tomorrow for registration.</p>

<p>In the meantime, check out our new venture. We're starting our own video newscast!</p>

<div class="buttons">

<a href="#bottom" title="">Watch the NewsCast</a>
<!--<a href="#" title="">FAQ</a>-->
<a href="/forum" onclick="return theFunction();">Current Index Page</a>

<a title="" class="disabled">Registration Coming Soon</a>

</div>


<a href="http://ccmb.co/chat" title="Continue to the current Campbell County website">to the chatroom</a>

<a href="http://www.forumotion.com" target="_blank" class="small">powered by forumotion.com</a>

</div>

</div>
<script type="text/javascript">
<!--
function redirect() {
window.location = "http://www.campbellcountymb.com/forum"

}
/ /-->
</script>

<div id="bottom" style="display: flex; align-items: center; clear: both; height: 100%; width: 100%; flex-direction: column; overflow: auto; background-color: #1b1b1b; ">

<div id="video" style="margin: 0 auto; padding-top: 40px; text-align: center; width: 640px;">

<iframe width="640" height="480" src="//www.youtube.com/embed/F65tcpJ9w_A" frameborder="0" allowfullscreen></iframe>

<div class="buttons" style="margin: 10px 0 0 0;">
<a href="#top" title="Close the video">Close</a>
</div>

</div>

</div>

<!--<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/jquery-1.10.2.min.js"></script>
<script src="http://www.lokeshdhakar.com/projects/lightbox2/js/lightbox-2.6.min.js"></script>-->

<script type="text/javascript">

$(document).ready(function(){
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body')
.animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});

</script>

</body>
</html>
You can save this somewhere, that way you can always go back to it. I don't want to ruin your awesome work.


The new HTML code has been entered and saved, hopefully it works perfectly!
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Rogo October 30th 2013, 5:46 am

Thank you so much. This is now solved.


Last edited by Rogo on October 30th 2013, 5:48 am; edited 1 time in total
avatar
Rogo
Forumember

Posts : 262
Reputation : 1
Language : English

http://thebalm.alldiscussion.net/

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Sir Chivas™ October 30th 2013, 5:48 am

If there's any problems related to this problem, please make sure to PM me that way I re-open this thread for you, but for now:

Thread solved & locked!
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6983
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Page 2 of 2 • Previous  1, 2

Back to top

- Similar topics

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

 
Permissions in this forum:
You cannot reply to topics in this forum