Jump to content

spudly1987

Members
 View Profile  See their activity

  • Posts

    61

  • Joined

  • Last visited

 Content Type 

Everything posted by spudly1987

  1. spudly1987
    it semi works the way i want it to , but it shows the "you don't agree with the terms and conditions" on the same page as the main text, also when i try to click on "continue to website" with out place a check mark and agreeing to terms, nothing happens
  2. spudly1987
    Okay guys, i have this code all set up and it seems to be working, however what is not working is when i don't click on the check box and then click on continue to website it still is continuing, how do i fix it so that when i don't check the box, and click on continue it follows through with the reject command </head> <div id="wpsp-container"> <!-- === Title === --> <h1 id="wpsp-title"></h1> <!-- === Text when a user reject the opt-in === --> <div id="wpsp-reject"> You don't agree with the terms and conditions. </div> <div id="wpsp-text"> main text </div> <form method="post"> <input id="wpsp-nonce" type="hidden" value="2b5fd26d94" name="wpsp-nonce" /></input> <input type="hidden" value="/" name="_wp_http_referer" /></input> <!-- === Opt-In === --> <span id="wpsp-opt-in"> <input id="opt-in-checkbox" type="checkbox" value="1" name="opt-in-checkbox" /></input> <label for="opt-in-checkbox"> I agree with the terms stated above. </label> </span> <p> <input id="wpsp-continue" type="submit" value="Continue to Web Site" formaction="index.html" /></input> </p> </form> </div> <!-- === END #wpsp-container === --> </body> </html>
  3. spudly1987
    Thank you, I was able to successfully rotate the image to the way I like thank you very much, just one more thing I hope i can bother you with I have the html information as is with an added caption for the image ****What I would like to attempt to do and I know it can be done, is to make it like a polaroid picture and then where the empty white space is have the caption,**** <figcaption>Something's I Received</figcaption> the above is the added caption tag I am using <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="practice.css" /> <title>Untitled Document</title> </head> <pre> <figure> <img id="image_canv" src="ashtoys.jpg" class="rotate45" height="300" width="300" /> <figcaption>Something's I Received</figcaption> </figure> </pre> <body> </body> </html> The below is the CSS script I am using for everything .rotate45{ margin:40px; width:200px; height:200px; overflow:hidden; border-radius: 28px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ position:relative; /* non-essential styling */ -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05); } .imagecontainer img{ transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ position:absolute; top:100px; left:100px; } figcaption{ transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* non-essential styling */ margin:-600px -125px -50px; font-family:'Oswald', Arial, Sans; font-size:20px; text-transform:uppercase; letter-spacing:.05em; }
  4. spudly1987
    Thank you for the information, but this will only rotate the image to the right 90deg is there any way to rotate it to the left
  5. spudly1987
    I want to be able to rotate this like to a 45 degree angle or just be able to rotate any degree, unsure on how to do it <img src="file:///C:/Users/Vincent/Documents/Website/ashtoys.jpg" heigh="300" width="300" />
  6. spudly1987
    I have the following contact box, and I want to be able to make it so that when you click on Send, it will send the information to an email address. I'm not sure if this needs to be done with php or just adding something like mailto:[email protected] any assistance would be appreciated <body bgcolor="black"> <div id="form-wrapper" class="myform"> <form id="form" name="form" method="post" action="index.html"> <p>For Fan Mail And Other Fun Things, Contact Me Here.</p> <label for="name">Name <span class="small">(Required)</span> </label> <input type="text" name="name" id="name" /> <label for="email">E-mail Address <span class="small">(Required)</span> </label> <input type="text" name="email" id="email" /> <label for="subject">Subject <span class="small">(Required)</span> </label> <input type="text" name="subject" id="subject" /> <label for="message">Message <span class="small">(Required)</span> </label> <textarea name="message" id="message" rows="5"></textarea> <button type="submit">Send</button> <div class="spacer"></div> </form> </div> </body>
  7. spudly1987
    Thank you for the information it did work, any chance you can explain to me how to add another row, Thank you
  8. spudly1987
    What I want to be able to do is just center the div which is the boxes with the pictures, and text, the h1 and p text i'm not particularly interested in changing at the moment, just the div and also at some point be able to add another row
  9. spudly1987
    I have the following code that I borrowed from w3schools, and what I'm looking to do is center the whole thing horizontally in my page, however I am running into complications any help will be appreciated <html> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> <style> div.img { margin:5px; padding: 5px; border:1px solid #0000ff; height:auto ; width:auto; float:left; text-align:center; } div.img img { display:inline; margin:5px; border:1px solid #ffffff; } div.img a:hover img { border:1px solid #0000ff; } div.desc { text-align:center; color:white; font-weight:normal; width:120px; margin:5px; } </style> </head> <body> <h1> This is a test </h1> <p> My name is Vincent <p> <div class="img"> <a target="_self" href="Ashleeyy1.html"> <img src="https://pbs.twimg.com/media/BeJHDUpCYAA6gT-.jpg" alt="Klematis" width="110" height="90"> </a> <div class="desc">Ashleeyy</div> </div> <div class="img"> <a target="_blank" href="klematis2_big.htm"> <img src="klematis2_small.jpg" alt="Klematis" width="110" height="90"> </a> <div class="desc">Add a description of the image here</div> </div> <div class="img"> <a target="_blank" href="klematis3_big.htm"> <img src="klematis3_small.jpg" alt="Klematis" width="110" height="90"> </a> <div class="desc">Add a description of the image here</div> </div> <div class="img"> <a target="_blank" href="klematis4_big.htm"> <img src="klematis4_small.jpg" alt="Klematis" width="110" height="90"> </a> <div class="desc">Add a description of the image here</div> </div> </body> </html>
  10. spudly1987
    I appreciate you taking the time to do that, and it does work, just got two more questions if you don't mind, is there any way i can relocate the pop up to the top center of the screen? and how to i make the ask box fit inside the shadow
  11. spudly1987
    Well thank you for your assistance, but it is not working. so I'm just going to move on from it but thank you again
  12. spudly1987
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /> '); $('body').append('<div id="fade"> '); Are these ^ now closed properly?
  13. spudly1987
    It shows that everything is closed though?
  14. spudly1987
    Yes I have the only thing it will do is change the url to this "http://tattoofreak87.tumblr.com/#?w=400" <html> <head> <title>Vince's Tumblr</title> <style type="text/css"> .popup_block{ width:400px; height:200px; display: none; background: #D3D3D3; background-image: url(); padding: 10px; font-family: Garamond; float: left; font-size: 10px; position: fixed; top: 50%; left: 50%; z-index: 2; border: 2px solid #363636; -moz-box-shadow: 0 0 5px #CFCFCF; -webkit-box-shadow: 0 0 5px #CFCFCF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.btn_close { float: right; margin: -5px -5px 0 0; } *html .popup_block{ position: absolute; } </style> </head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"> $(document).ready(function() { // $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; //Gets the first query string value $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /> var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; //Apply Margin to Popup $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargleft }); $('body').append('<div id="fade"> $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) return false; }); $('a.close, #fade').live('click', function() { $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); //fade them both out }); return false; }); </script> <body background="http://www.wallpaper4me.com/images/wallpapers/gothicroses-7024.jpeg"> <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/419067_238953752859147_1698306198_n.jpg" alt ="pic" width="200" height="300"> <br> <ul> <li><a href="https://twitter.com/Tat_Addict69" Target="_blank">Twitter</a> <li><a href="https://www.facebook.com/tattoofreak1987">Facebook</a> <li><a href="#?w=400" rel="02" class="poplight">Ask Me Anything</a> </ul> <div id="02" class="popup_block" align="center"> <font size="5" color="#1C1C1C"><br></font><iframe frameborder="0" scrolling="yes" width="50%" height="140" src="http://www.tumblr.com/ask_form/tattoofreak87.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"> </body> </html>
  15. spudly1987
    When I change the href link to anything other then what is there right now the link won't work ? i updated it on my end however
  16. spudly1987
    i got that but it is still opening in it's own page, and not pop up like it should be, am i missing something
  17. spudly1987
    Okay I got everything working I believe, now when you click on ask me anything it opens in same tab but it brings up the area to ask, however i want it to be a small pop up window that opens in the same page in the center of the screen or top center http://tattoofreak87.tumblr.com <html> <head> <title>Vince's Tumblr</title> <style type="text/css"> .popup_block{ display: none; background: #D3D3D3; background-image: url(); padding: 10px; font-family: Garamond; float: left; font-size: 10px; position: fixed; top: 50%; left: 50%; z-index: 2; border: 2px solid #363636; -moz-box-shadow: 0 0 5px #CFCFCF; -webkit-box-shadow: 0 0 5px #CFCFCF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.btn_close { float: right; margin: -5px -5px 0 0; } *html .popup_block{ position: absolute; }; </style> </head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"> $(document).ready(function() { // $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; //Gets the first query string value $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /> var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; //Apply Margin to Popup $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargleft }); $('body').append('<div id="fade"> $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) return false; }); $('a.close, #fade').live('click', function() { $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); //fade them both out }); return false; }); </script> <body background="http://www.wallpaper4me.com/images/wallpapers/gothicroses-7024.jpeg"> <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/419067_238953752859147_1698306198_n.jpg" alt ="pic" width="200" height="300"> <br> <ul> <li><a href="https://twitter.com/Tat_Addict69" Target="_blank">Twitter</a> <li><a href="https://www.facebook.com/tattoofreak1987">Facebook</a> <li><a href="http://www.tumblr.com/ask_form/tattoofreak87.tumblr.com" rel="02" class="poplight">Ask Me Anything</a> </ul> <div id="02" class="popup_block" align="center"> <font size="5" color="#1C1C1C"><br></font><iframe frameborder="0" scrolling="yes" width="50%" height="140" src="http://www.tumblr.com/ask_form/tattoofreak87.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"> </body> </html>
  18. spudly1987
    Okay Played around with it again, and now the ask box is gone and no longer in the center of the screen, however now when I click on "Ask Me Anything" nothing is popping up. <html> <title>Vince's Tumblr</title> <head> <style type="text/css"> .popup_block{ display: none; background: #D3D3D3; background-image: url(); padding: 10px; font-family: Garamond; float: left; font-size: 10px; position: fixed; top: 50%; left: 50%; z-index: 2; border: 2px solid #363636; -moz-box-shadow: 0 0 5px #CFCFCF; -webkit-box-shadow: 0 0 5px #CFCFCF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.btn_close { float: right; margin: -5px -5px 0 0; } *html .popup_block { position: absolute; } </style> </head> <body> <body background="http://www.wallpaper4me.com/images/wallpapers/gothicroses-7024.jpeg"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script> $(document).ready(function() { // $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; //Gets the first query string value $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>'); var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; //Apply Margin to Popup $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargleft }); $('body').append('<div id="fade"></div>'); $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) return false; }); $('a.close, #fade').live('click', function() { $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); //fade them both out }); return false; }); </script> <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/419067_238953752859147_1698306198_n.jpg" width="200" height="300"> <div style="text/javascript"> <li><a href="https://twitter.com/tattoofreak1987" Target="_blank">Twitter</a> <li><a href="https://www.facebook.com/tattoofreak1987">Facebook</a> <li><a href="#?w=500" rel="02" class="poplight">Ask Me Anything</a> </div> <div id="02" class="popup_block"> <Center><font size="5" color="#1C1C1C"><p></font><iframe frameborder="0" scrolling="yes" width="50%" height="140" src="http://www.tumblr.com/ask_form/tattoofreak87.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"> </center></div> </div></div></div></div></div></div></div></div></div></div> </body> </html>
  19. spudly1987
    Okay I have updated my code to what I believe you are referencing to <html> <title>Vince's Tumblr</title> <head> <style type="text/css"> }); .popup_block{ display: none; background: #D3D3D3; background-image: url(); padding: 10px; font-family: Garamond; float: left; font-size: 10px; position: fixed; top: 50%; left: 50%; z-index: 2; border: 2px solid #363636; -moz-box-shadow: 0 0 5px #CFCFCF; -webkit-box-shadow: 0 0 5px #CFCFCF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.btn_close { float: right; margin: -5px -5px 0 0; } *html .popup_block { position: absolute; } </style> </head> <body> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script> $(document).ready(function() { // $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; //Gets the first query string value $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>'); var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; //Apply Margin to Popup $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargleft }); $('body').append('<div id="fade"></div>'); $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) return false; }); $('a.close, #fade').live('click', function() { $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); //fade them both out }); return false; }); </script> <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/419067_238953752859147_1698306198_n.jpg" width="200" height="300"> <div style="text/javascript"> <li><a href="https://twitter.com/tattoofreak1987" Target="_blank">Twitter</a> <li><a href="https://www.facebook.com/tattoofreak1987">Facebook</a> <li><a href="#?w=500" rel="02" class="poplight">Ask Me Anything</a> </div> <div id="02" class="popup_block"> <Center><font size="5" color="#1C1C1C"><p></font><iframe frameborder="0" scrolling="yes" width="50%" height="140" src="http://www.tumblr.com/ask_form/tattoofreak87.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"> </center></div> </div></div></div></div></div></div></div></div></div></div> </body> </html>
  20. spudly1987
    I mad the chance and moved my CSS out of the script tags, still i am unable to make the ask box where i want it to be
  21. spudly1987
    Not sure if this is in the right section but was wondering if anyone can help me I have the following code that is for my tumblr site tattoofreak87.tumblr.com what i am aiming for is that when you click on the "ask me anything" link it will pop up the "ask me anything" box in the top center of the screen however not sure what i am doing wrong. as it stands right now the box is always there i there in the center and i would like it not to be. any help will be greatly appreciated <html> <title>Vince's Tumblr</title> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script> $(document).ready(function() { // $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; //Gets the first query string value $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>'); var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; //Apply Margin to Popup $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargleft }); $('body').append('<div id="fade"></div>'); $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) return false; }); $('a.close, #fade').live('click', function() { $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove(); //fade them both out }); return false; }); }); .popup_block{ display: none; background: #D3D3D3; background-image: url(); padding: 10px; font-family: Garamond; float: left; font-size: 10px; position: fixed; top: 50%; left: 50%; z-index: 2; border: 2px solid #363636; -moz-box-shadow: 0 0 5px #CFCFCF; -webkit-box-shadow: 0 0 5px #CFCFCF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } img.btn_close { float: right; margin: -5px -5px 0 0; } *html .popup_block { position: absolute; } </script> </head> <body> <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/419067_238953752859147_1698306198_n.jpg" width="200" height="300"> <div style="text/javascript"> <li><a href="https://twitter.com/tattoofreak1987" Target="_blank">Twitter</a> <li><a href="https://www.facebook.com/tattoofreak1987">Facebook</a> <li><a href="#?w=500" rel="02" class="poplight">Ask Me Anything</a> </div> </body> <div id="02" class="popup_block"> <Center><font size="5" color="#1C1C1C"><p></font><iframe frameborder="0" scrolling="yes" width="50%" height="140" src="http://www.tumblr.com/ask_form/tattoofreak87.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"> </center></div> </div></div></div></div></div></div></div></div></div></div> </html>
  22. spudly1987
    Would there be any chance you can edit up the code for me, i'm a bit brain dead at the moment.
  23. spudly1987
    i already spoke with them and they stated that the connection is successful they ran a test file and it was all good so nothing is being blocked there is an issue with links or something
  24. spudly1987
    this is all the information i have for connection Database Hostfdb5.freehostingeu.com Database Port3306 Database Name1487284_mydb Database User1487284_mydb Database PasswordThe password you have chosen. change Database Version5.1
  25. spudly1987
    yeah that is the correct host name from the web site Database Host fdb5.freehostingeu.com
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.