Jump to content

MrFish

Members
 View Profile  See their activity

  • Posts

    10

  • Joined

  • Last visited

MrFish's Achievements

Newbie

Newbie (1/14)

0

Reputation

  1. MrFish
    I'm having the same problem (being unable to login and all) except I just go the the cpanel and it says my "Login Attempt Failed!". The email they sent me has my password and username so that isn't wrong. I also tried to reset my password but the email was never sent.
  2. MrFish
    Perhaps if you were building a generic one commercially, but if you are serious about your website I would build your own. I've built a custom cms in 2 weeks time. It doesn't have all the options, just the ones I chose to add and I can edit and add more if I need to. I'm just saying, I recommend it.
  3. MrFish
    What, no icing on the cake? That is true, I know for internet explorer at least you will need to add that to the body.
  4. MrFish
    You could use frames but modern websites use ajax instead. It takes a few extra steps but it's well worth it because once you know ajax you can do so much more. First of all, you need to use php to include the menu. Hopefully I didn't have to tell you that but because the rest of this will go way over your head: <? include('menu.php'); ?> HTML for Menu.php: <span class="menuItem" onClick="ajaxPage('item1')">Item1</span> <span class="menuItem" onClick="ajaxPage('item2')">Item2</span> <span class="menuItem" onClick="ajaxPage('item3')">Item3</span> <span class="menuItem" onClick="ajaxPage('item4')">Item4</span> Javascript (on index page, not the menu include): //Set Ajax if(window.XMLHttpRequest){ ajaxRequest = new XMLHttpRequest(); //Good browsers } else if(window.ActiveXObject){ ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); //IE } else { alert("Your browser broke!"); } function ajaxPage(x){ var page = x+".php"; var right = document.getElementById("content").style; //Where you want the page information to go. ajaxRequest.onreadystatechange = function(){ if(ajaxRequest.readystate==4){ //4 means the request is complete. right.innerHTML = ajaxRequest.responseText; //Gets all printed information from the page. Only includes html. } } ajaxRequest.open("GET", page, true); //Accesses the page (i.e. item1.php) ajaxRequest.send(null); //Used for POST method } Example script~ item1.php: <? $one = 1; $two = 2; $sum = $one + $two; echo $sum; ?> The response text will become 3. It will not include any php, only html code. A bit confusing? The w3schools ajax tutorial is superb. http://w3schools.com/ajax/default.asp
  5. MrFish
    Use php to send mail. You could use the html mailto but that will open the default mailing program on your computer (outlook for most people). Not only do most people use browser-based mail providers but taking extra steps to send mail will cause your users not only to refrain from sending, but perhaps deter them from your crumby site completely. They should be able to send email with as little steps as possible. PHP Mail function: mail(to,subject,message,headers,parameters) Note that if you are having trouble sending email then your hosting provider may not support php email. This is because some people attach massive files or send mass emails with the php mail function. This will slow down the hosting servers and eat up bandwidth. If you are using a free hosting provider you probably won't be able to send email, but give it a try. Try searching w3schools first (google is great too). http://w3schools.com/php/php_mail.asp
  6. MrFish
    I suggest you just write your own. It's so much more effective and you have a lot more power over your website.
  7. MrFish
    For what you are asking you are going to need to use javascript. If you knew how to use javascript you probably wouldn't be asking this question so while you go to w3schools and read up on it I'll just give you the steps to do this. The html: <body> <div id="wrapper"> <img src="image.jpg" id="image" onMouseOver="displayImage()" onMouseOut="removeImage()"> <br /> Hover To Enlarge </div> <div id="hoverImage"> <img src="image.jpg"> </div> </body> The java script: <script type="text/javascript"> function displayImage(){ var button = document.getElementById("image"); var image = document.getElementById("hoverImage").style; left = button.offsetLeft + 100; top = button.offsetTop; top = top + 100 + "px"; image.visibility = "visible"; image.top = top; image.left = left; } function removeImage(){ var image = document.getElementById("hoverImage").style; image.visibility = "hidden"; } </script> The CSS: #image{ width: 100px; height: 100px; cursor: pointer; } #hoverImage{ position: absolute; top: 0px; left: 0px; z-index: 2; visibility: hidden; } #wrapper{ width: 100px; height: 100px; margin: 200px auto; text-align: center; font-size: 10px; color: #555; } I don't know how you want it to look but it will enlarge it and place it to the bottom right of the original image. Nothing fancy but you can go from there. Full code; Copy can paste this in notepad, save it as an html file anywhere to your computer, and place an image (larger then 100px by 100px) in the same directory with the name image.jpg . <html> <head> <style type="text/css"> #image{ width: 100px; height: 100px; cursor: pointer; } #hoverImage{ position: absolute; top: 0px; left: 0px; z-index: 2; visibility: hidden; } #wrapper{ width: 100px; height: 100px; margin: 200px auto; text-align: center; font-size: 10px; color: #555; } </style> <script type="text/javascript"> function displayImage(){ var button = document.getElementById("image"); var image = document.getElementById("hoverImage").style; left = button.offsetLeft + 100; top = button.offsetTop; top = top + 100 + "px"; image.visibility = "visible"; image.top = top; image.left = left; } function removeImage(){ var image = document.getElementById("hoverImage").style; image.visibility = "hidden"; } </script> </head> <body> <div id="wrapper"> <img src="image.jpg" id="image" onMouseOver="displayImage()" onMouseOut="removeImage()"> <br /> Hover To Enlarge </div> <div id="hoverImage"> <img src="image.jpg"> </div> </body> </html> Image I used: http://i.zdnet.com/blogs/firefox_.jpg Preview: Haha, by the way. You can see I have this site bookmarked, I'm waiting to try and get hosting
  8. MrFish
    I'm trying to get this webhost but everyday I get the same message- Misspelled tomorrow by the way. Do I need to wait until midnight to get a hosting spot? ><
  9. MrFish
    No no no, all bad examples above. 1. Tables should never be used for a layout. 2. text-align shouldn't be used to align a page (though it's possible, it's very bad practice) 3. <center> is not W3C approved, and also bad practice. The right way: HTML: <div id="wrapper"> <!-- Wrapper used to align page, the rest of your site goes here --> </div> CSS: #wrapper{ margin: 0px auto; } And that's it. The first number, '0px', defines how much space to put between the top and bottom of the page. The second, 'auto', automatically sets a margin equal size on the left and the right of the element. Even if you resize the window it will continue to stay in the middle. If you want to set individual sides you can use 4 parameters instead of two Example: #div{ margin: 5px 5px 25px 3px; } And the order goes top-right-bottom-left (clockwise). And if you don't like shorthand you can always do it the hard way: #div{ margin-top: 5px; margin-right: 5px; margin-bott . . . etc } On a side note, if you are trying to get 0px margin on the top you won't be able to unless you edit the body padding. By default, the <body> tags come with padding. So if you set it's padding to 0 then you can get elements to touch the very top and bottom of the page: body{ padding: 0px; margin: 0px; // I'm actually not sure if it's padding or margin. Do both for good measure! } Hope this helps!
×
×
  • Create New...