Posts by <M/>

I created a page with multiple sliders, and the sliders won't slide... I think it could be because of the z-indexes... but can anyone tell me why the sliders won't slide...

I will post my code if needed :)

Thanks

Check your code

I have a question... it this contest over?

Well, go to a local apple store and talk to them or get apple care :)

you do realize we'd only offer corrections, and assistance but we don't offer free service for a full blown project :)

Well, a lot of developers will charge you hourly and for the final result so its gonna be roughly 1k... not much...

Welcome :),

I've got multiple medals at our national olympics

are you saying your olympic athlete

So you're looking for a way to connect to mysql with php? or something else?

They'd charge about 100-200 dollars an hour, and they'll charge you for finished product, and they'll charge for maintaining/updating your site monthly :)

I think dani won the contest :)

I'm thinking about buying a keyboard for my iPad... is this the most preferred?

You shouldn't show your server information, it'll lead up to hackers... so you should get Daniweb to cut that part out for you...

But here is the code in order to connect to mysql db written in php:

<?php
$username = "your_name";
$password = "your_password";
$hostname = "localhost"; 

//connection to the database
$dbhandle = mysql_connect($hostname, $username, $password) 
  or die("Unable to connect to MySQL");
echo "Connected to MySQL<br>";
?>

Norton...

Aladin :)

Yes but there are always disadvantages in usings a cms that you didn't built (talking about templates/plugins)... so i prefer it if you built the templates and plugins :)

Yes, it does solve my issues! Thanks you guys!

(do forgive me, i tend to forget to mark things as solved :( )

I'll work on that, thanks :)

On my browser, they would always show up blue... they never turned purple like it did recently... and I did try your snippets of code, i still got no change in color...

I did notice how easy it was to understand Jquery, it's actually, by my opinion, just like css (just a little more technical ;) )

Well I fixed the "bouncing" issue, not I have an issue in color... why do they show up purple... and how come I can't create a 1px space between each tab?
Here is my code:

Css:

#apDiv7 {
    position:absolute;
    overflow:auto;
    width:200px;
    height:115px;
    z-index:1;
    left: 6px;
    top: 6px;
    background-color: #5c6063;
}
#apDiv8 {
    position: static;
    width:200px;
    height: 26px;
    z-index:1;
    font-size: 11px;
    color: #FFF;
    background: #636363; /* Old browsers */
    background: -moz-linear-gradient(top, #2b2a2a 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2a2a), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2b2a2a 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2b2a2a 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2b2a2a 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2b2a2a 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2a2a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */        
}
a:link {
    color: #FFF;
    text-decoration:none;
    line-height: 25px;
    position: relative;
    left: 10px;
 }
a:hover {
    color: #3780c3;
    line-height: 25px;
    left: 10px;
    text-decoration: none;
}
#apDiv9 {
    position: static;
    width:200px;
    height: 26px;
    z-index:2;
    top: 29px;
    font-size: 11px;
    color: #FFF;
    background: #636363; /* Old browsers */
    background: -moz-linear-gradient(top, #2b2a2a 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2a2a), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2b2a2a 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2b2a2a 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2b2a2a 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2b2a2a 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2a2a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */        
}
#apDiv10 {
    position: static;
    width:200px;
    height:26px;
    z-index:3;
    font-size: 11px;
    top: 59px; …

I made a menu and for some odd reason, I can't figure out why, they bounced out of their positions... Can someone tell me why this is going on? I'll post my source code if needed.

Thanks

I am probably gonna use our brother google and maybe its sister bing :)
Or read a little more...

Thanks for the 2 links, they'll seem useful for later practices :)

Wordpress is for people who can't code and depend on built in features, unless they built their own, they are in the mercy of templates...

Same with joomla and drupal but I think they are better if you know php ;)

Go to lynda.com... they teach you how to build a simple template in 2 hours :) or less

Its only help if you built it... they aren't customizable if you didn't build it...

Look at wordpress, joomla, drupal... those are cms's but are only helpful for blogging and using their db... :)

Live Previews of the page look different through D.W. then it does when its uploaded...

I see, and i do realize I ask a lot of questions.
Isn't my container div already set to having 1000px and margin: auto?

I created a page, and part's of my site won't center... can anyone help me center it... for example boxes fly out of the container...

Here is my code (sorry for being disorganized and sloppy, I forgot to rename every apDiv):
This is my css:

#center {
    margin: 0 auto;
    height: 2000px;
    width: 1000px;
}

#header {
    position:absolute;
    width:1000px;
    height:405px;
    z-index:1;
    top: 0px;
    margin: 0 auto;
    left: 373px;
}
#header_content {
    position:absolute;
    width:830px;
    height:80px;
    z-index:1;
    left: 86px;
    background-color: #e9f3ff;  
}
#apDiv5 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:2;
}
#apDiv6 {
    position:absolute;
    width:1000px;
    height:160px;
    z-index:2;
    top: 426px;
    background-color: #5c6063;
    margin: 0 auto;
}
#apDiv8 {
    position:absolute;
    width:335px;
    height:367px;
    z-index:4;
    left: 1038px;
    top: 588px;
    background-color: #f2f2f2;
}
#apDiv9 {
    position:absolute;
    width:1000px;
    height:131px;
    z-index:3;
    left: -662px;
    top: 369px;
    background-color: #e9e9ea;
    font-size: 14px;
}
#apDiv11 {
    position:absolute;
    width:140px;
    height:115px;
    z-index:7;
    left: 247px;
    top: 581px;
}
body{
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size:30px;
    background-color: #FFF;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}



#apDiv28 {
    position: absolute;
    width: 309px;
    height: 220px;
    z-index:7;
    left: 689px;
    top: 600px;
    background-color: #D1D1D1;
    margin: 0 auto;
    }

#slideshow {
    position:absolute;
    height:488px;
    width: 1001px;
    z-index:1;
    top: 0px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    width: 1000px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#apDiv21 {
    position:absolute;
    width:321px;
    height:121px;
    z-index:1;
    left: 10px;
    top: 297px;
}
#T {
    position:absolute;
    z-index:2;
    top: 0px;
    left: 58px;
}

#Gplus {
    position:absolute;
    left: 116px;
    top: 0px;
}
.discloretext {
    font-size: 9px;
}
#apDiv8 #apDiv9 …

I do have the skills the problem with me is that I am not a very good planner and organizer... so that's what affects me a lot.... But I do agree with you :)

Alright you guys, I'll try out that method but I noticed that dreamweaver has a feature to make a rollover image link for you so I tried it... but it didn't work at all :/

Do you know of one specific to the one I'm looking for? (look at mbusa.com)

I am trying to build a rollover content menu... just like the one in the mbusa site (their site menu)... does anyone know how to make one or can show me a reference to one?

Thanks!

Ooooh that makes so much sense! thanks... and the slider works now :)

Thanks you guys!

They are in 1 file and their directories are all correct

I created a rollover image link... and the links don't work... can someone tell me what I got wrong....?

my code:

CSS is down here

#F {
    position:absolute;
    width:96px;
    height:90px;
    z-index:1;
    background: url('facebook.png')
}
#F:hover {
    background-image: url('facebook_hover.png')
    }



#T {
    position: absolute;
    width: 96px;
    height: 90px;
    z-index:1;
    background: url('twitter.png');
    left: 132px;
    }
#T:hover {
    background-image: url('twitter_hover.png')
    }

#Gplus {
    position: absolute;
    width: 96px;
    height: 90px;
    z-index:1;
    background: url('g+.png');
    left: 132px;
    top: 300px;
    }
#Gplus:hover {
    background-image: url('g+_hover.png')
    }

HTML

<div id="F">
<a href='http://facebook.com/'></a>
</div>

<div id="T">
<a href='http://twitter.com/'></a>
</div>

<div id="Gplus">
<a href='http://google.com/'></a>
</div>

Think about it this way...

When a child gets older, they look different.... :)

Well to know how to get likes... you need to know how to do marketing... so maybe read some online artices or some books...

Thanks JorgeM, I still get other images merging with the slider...

is my jquery code right?

var interval = 4 * 20; 
var images = document.getElementsById("slider");
var imageArray = [];
var imageCount = images.length;
var current = 0;

var randomize = function(){
return (Math.round(Math.random() * 3 - 1.5));
}
for(var i = 0; i < imageCount; i++){
images[i].className = 'fade-out';
imageArray[i] = images[i];
}

var fade = function(){

imageArray[current++].className = 'fade-out';
if(current == imageCount){
current = 0;
}
imageArray[current].className = 'fade-in';

setTimeout(fade, interval * 100);
};
fade();

OK, solved that issue now what about gathering images by their div rather than their tag?

The questions is... why would you need to do that?

Thanks for telling me that, when I get frustrated in figuring something out... things get sloppy :/

But I updated the code and I got a problem.... The problem is that when I wrote the jquery code the logo image gets affected with the slider... Can you guys tell me what to do...
Is there a way in get elments without gathering their tags but rather using the div tag they are placed in?

Here is my jquery code:

Look on the third line... is there a way in just get elements by their divs not by their tags?

<script>
var interval = 4 * 20; // Seconds between change
var images = document.getElementsByTagName("img");
var imageArray = [];
var imageCount = images.length;
var current = 0;

var randomize = function(){
return (Math.round(Math.random() * 3 - 1.5));
}
for(var i = 0; i < imageCount; i++){
images[i].className = 'fade-out';
imageArray[i] = images[i];
}

var fade = function(){

imageArray[current++].className = 'fade-out';
if(current == imageCount){
current = 0;
}
imageArray[current].className = 'fade-in';

setTimeout(fade, interval * 100);
};
fade();
</script>

Thanks guys :)

hmmm... I don't do fb app developing but i think it is possible....

well the slider doesn't show on the browser, so i'm also guessing that it doesn't slide also....

I'm honestly not sure if I installed jquery properly though... can you help me edit this?

btw... thanks for the quick response :)

I wrote the code for a jquery slider... it doesn't seem to work... can someone tell me why it doesn't work??? Could it be because jquery is installed wrong or it can't find it?

Here is my code (I did this all in 1 file)

<title>Slider</title>
</head>

<script src="jquery-1.7.2.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function() {
                setInterval ("rotateImages()", 2000);
            });
            function rotateImages() {
                var oCurPhoto = $("#photoShow div.current");
                var oNxtPhoto = oCurPhoto.next ();
                if (oNxtPhoto.length == 0)
                    oNxtPhoto = $("#photoShow div: first");
                oCurPhoto.removeClass('current').addClass('previous');
                oNxtPhoto.css({ opacity: 0.0}).addClass('current').animate({ opacity: 1.0 }, 1000, );
                function () {
                    oCurPhoto.removeClass('previous');  
                });
        }       

<style type="text/css">
#photoShow { 
    width: 1200px; 
    height: 488px; 
}

#photoShow > div { 
    position: absolute; 
    z-index: 0;
}

#photoShow div.previous {
    z-index: 1;
    }
#photoShow div.current {
    z-index: 2;
    }
</style>

<body>

<div id="photoShow">
<div class="current">
   <div>
     <img src="img1.png" alt="Photo Gallery" width="1200" height="488" class="gallery"/>
   </div>
   <div>
     <img src="img2.png" alt="Photo Gallery" width="1200" height="488" class="gallery"/>
   </div>
   <div>
     <img src="img3.png" alt="Photo Gallery" width="1200" height="488" class="gallery"/>
</div>
</div>

</body>
</html>

I just asked if someone can help me fix the code for the slider???

And i'll be sure not to add that in a message

So back to the question... do you see what I did wrong?

Make sure the site fits... make sure the effects work on your site.... like sliders, menus, etc.
You should read a book about this stuff :)

Pay for marketing...
Set up links in other places...
I think those are the easiest solutions :)

Envato just unleashed a new site about game development
http://gamedev.tutsplus.com
Youtube is a good choice
Lynda.com is another
There are many online courses but these are just the basics so google it.

Books on the other hand you should look into... books are the most effective so go and research them...

hope it helps

(\ /)
( ' . ')
c('')('')

I was creating a jQuery slider and I can't get the slider to even work... Can someone help me out with this question?

Much appreciated if anyone can help!...

Here is my code:
HTML:

<div id="slider img">
<div id="slideshow">
   <div>
     <img src="img1.png">
   </div>
   <div>
     <img src="img2.png">
   </div>
   <div>
     <img src="img3.png">
   </div>
</div>
</div>

CSS:

#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 1200px; 
    height: 488px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

jQuery:

$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  3000);

Full Code:

<------------CSS------------>
</head>
<style>
#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 1200px; 
    height: 488px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
</style>



<---------jQuery is here----------->
<script>
$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  3000);

</script>



<body>
<---------Html---------->

<div id="slider img">
<div id="slideshow">
   <div>
     <img src="img1.png">
   </div>
   <div>
     <img src="img2.png">
   </div>
   <div>
     <img src="img3.png">
   </div>
</div>
</div>




</body>
</html>

Please Respond a.s.a.p!
Thanks!

It looks like it might have an api... i haven't used 2co ever but I read something about it saying it had an api office back office?

Btw... when you pay for something like a plugin its meant to help you and prevent you from coding manually :)