1 Attachment(s)
TagMeIn - A revolutionary picture site
TagMeIn is a site where you upload images and have the ability to tag people in it or just upload images. It is written in Html, PHP, Javascript and more! Even if I have done this all myself I need loads of help.
Attachment 131179
Here is some snippets of code:
Code:
<!DOCTYPE html>
<html>
<head>
<title>TagMeIn</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" type="text/css" href="styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="demo.css" media="all" />
<!-- For image slider! -->
<link href="themes/1/js-image-slider.css" rel="stylesheet" type="text/css" />
<script src="themes/1/js-image-slider.js" type="text/javascript"></script>
<link href="generic.css" rel="stylesheet" type="text/css" />
<!-- jQuery lib from google server ===================== -->
<script src="js/jquery-1.7.2.min.js"></script>
<!-- javaScript -->
<script>
<!-- // building select nav for mobile width only -->
$(function(){
// building select menu
$('<select />').appendTo('nav');
// building an option for select menu
$('<option />', {
'selected': 'selected',
'value' : '',
'text': 'Choise Page...'
}).appendTo('nav select');
$('nav ul li a').each(function(){
var target = $(this);
$('<option />', {
'value' : target.attr('href'),
'text': target.text()
}).appendTo('nav select');
});
// on clicking on link
$('nav select').on('change',function(){
window.location = $(this).find('option:selected').val();
});
});
// show and hide sub menu
$(function(){
$('nav ul li').hover(
function () {
//show its submenu
$('ul', this).slideDown(150);
},
function () {
//hide its submenu
$('ul', this).slideUp(150);
}
);
});
//end
</script>
<!-- end -->
</head>
<body>
<div class="container">
<!-- freshdesignweb top bar -->
<div class="freshdesignweb-top">
<a href="http://www.freshdesignweb.com" target="_blank">Home</a>
<a href="register.php" target="_blank">Register </a>
<span class="right">
<a href="http://www.freshdesignweb.com/drop-down-responsive-menu-with-css3-and-jquery.html">
<strong>Creators</strong>
</a>
</span>
<div class="clr"></div>
</div><!--/ freshdesignweb top bar -->
<header>
<h1><span>Welcome To</span>TagMeIn</h1>
</header>
<!-- start header here-->
<header>
<div id="fdw">
<!--nav-->
<nav>
<ul>
<li class="current"><a href="http://www.freshdesignweb.com">home<span class="arrow"></span></a>
<ul style="display: none;" class="sub_menu">
<li class="arrow_top"></li>
<li><a class="subCurrent" href="http://www.freshdesignweb.com">Home Service</a></li>
<li><a href="http://www.freshdesignweb.com">Home Responsive</a></li>
</ul>
</li>
<li><a href="about.html">about</a></li>
<li><a href="http://www.freshdesignweb.com">services</a></li>
<li>
<a href="http://www.freshdesignweb.com">portfolio<span class="arrow"></span></a>
<ul style="display: none;" class="sub_menu">
<li class="arrow_top"></li>
<li><a href="http://www.freshdesignweb.com">Portfolio 3 </a></li>
<li><a href="http://www.freshdesignweb.com">Portfolio 4 </a></li>
<li><a href="http://www.freshdesignweb.com">Portfolio Single</a></li>
<li><a href="http://www.freshdesignweb.com">Portfolio Two</a></li>
</ul>
</li>
<li>
<a href="http://www.freshdesignweb.com">blog<span class="arrow"></span></a>
<ul style="display: none;" class="sub_menu">
<li class="arrow_top"></li>
<li><a href="http://www.freshdesignweb.com">Design</a></li>
<li><a href="http://www.freshdesignweb.com/category/html5">HTML5</a></li>
<li><a href="http://www.freshdesignweb.com/category/css-html">CSS3</a>
</li><li><a href="http://www.freshdesignweb.com/category/ajax-jquery">jQuery</a></li>
</ul>
</li>
<li><a href="http://www.freshdesignweb.com">contact</a></li>
</ul>
</nav>
</div><!-- end fdw -->
</header><!-- end header -->
<div id="sliderFrame">
<div id="ribbon"></div>
<div id="slider">
<a href="http://www.menucool.com/jquery-slider" target="_blank">
<img src="http://forum.ragezone.com/images/image-slider-1.jpg" alt="Welcome to TagMeIn" />
</a>
<img src="http://forum.ragezone.com/images/image-slider-2.jpg" alt="For keeping the peice!" />
<img src="http://forum.ragezone.com/images/image-slider-3.jpg" alt="Or Not!" />
<img src="http://forum.ragezone.com/images/image-slider-4.jpg" alt="#htmlcaption" />
<img src="http://forum.ragezone.com/images/image-slider-5.jpg" />
</div>
<div id="htmlcaption" style="display: none;">
<em>Sign up now</em> Click <a href="register.php">here</a>.
</div>
</div>
</div>
</body>
</html>
Link : http://amigohotel.nazuka.net
Thanks if you want to help add me on skype : zolanyo
Thanks
Re: TagMeIn - A revolutionary picture site
Update -
Right it now look great in Internet explorer as well.
Can someone check in Mozilla Firefox
Re: TagMeIn - A revolutionary picture site
I like the retro feel, could please host it somewhere in order for us to try
Re: TagMeIn - A revolutionary picture site
Quote:
Originally Posted by
NubPro
I like the retro feel, could please host it somewhere in order for us to try
Like where
Update -
Check out the Brand new About page! :-)
Re: TagMeIn - A revolutionary picture site
Re: TagMeIn - A revolutionary picture site
Quote:
Originally Posted by
NubPro
do you know how to host?
Yeah why?
Re: TagMeIn - A revolutionary picture site
Try a free webhost or get a cheap simple one
Re: TagMeIn - A revolutionary picture site
Seems nice however I don't understand what makes it revolutionary. You don't need to justify it to me of course, just curious about your idea and motives.
Re: TagMeIn - A revolutionary picture site
Quote:
Originally Posted by
Negata
Seems nice however I don't understand what makes it revolutionary. You don't need to justify it to me of course, just curious about your idea and motives.
I want to make a picture tagging site that can change our understanding of picture technology .
Re: TagMeIn - A revolutionary picture site
Quote:
Originally Posted by
Pkamara
I want to make a picture tagging site that can change our understanding of picture technology .
Say what now?! That there sounds mighty rad!
For real though, that doesn't mean anything: what do you want to do?
Re: TagMeIn - A revolutionary picture site
It's nice to see your attempt but all you're doing is purchasing scripts from codecanyon and themeforest and claiming it as your project.
Re: TagMeIn - A revolutionary picture site
Quote:
Originally Posted by
Papercup
It's nice to see your attempt but all you're doing is purchasing scripts from codecanyon and themeforest and claiming it as your project.
Not really because the mobile page is and some of the inserts are from them but I still am using my own code.
Re: TagMeIn - A revolutionary picture site
What have you coded yourself in this?
Re: TagMeIn - A revolutionary picture site
Quote:
Originally Posted by
Papercup
What have you coded yourself in this?
More or less the index page
