The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Link to Index From Homepage

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Solved Link to Index From Homepage

Post by Rogo on 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?

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 on October 30th 2013, 3:57 am

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

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™ on 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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Rogo on 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.

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™ on October 30th 2013, 4:16 am

Can you provide the code used right now? Thank you.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Rogo on 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>

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™ on 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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Rogo on 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>
?

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™ on 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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Link to Index From Homepage

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

PM sent.

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™ on 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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Link to Index From Homepage

Post by Rogo on 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

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™ on 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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


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