Page 2 of 2
Re: what happen to my input box?
Posted: Fri Oct 08, 2010 9:50 am
by social_experiment
Please add the file (where you have the text box), the stylesheet into a .zip file and add them to your next post. The url you gave requires me to identify before i can download the files.
Re: what happen to my input box?
Posted: Fri Oct 08, 2010 10:52 am
by skynet88
Code: Select all
<style type="text/css">
/* Make room for the mini-form */
html body { margin-top: 160px }
/* Reset all styles */
#include * {
text-align: left;
border: 0; padding: 0; margin: 0;
font: 12px Verdana,Arial,Tahoma;
color: #eee;
font-weight: normal;
background: transparent;
text-decoration: none;
display: inline;
}
#include p {
margin: 4px 0 0 10px;
display: block;
}
#include b {
font-weight: bold;
}
#include script {
display:none;
}
/* Style the mini-form div */
#include {
border-top: 3px solid #ce6c1c;
border-bottom: 3px solid #ce6c1c;
background: #0b1933;
position: absolute;
top:0; left:0;
width: 100%;
height: auto;
z-index: 100000;
}
/* Mini-form elements */
#include a {
color: #ce6c1c;
}
#include a:hover {
color: #ccc;
}
#include .url-input {
padding: 2px;
background: #eee;
color: #111;
border: 1px solid #ccc;
}
#include .url-input:focus {
background: #fff;
border: 1px solid #ce6c1c;
}
#include .url-button {
font-weight: bold;
border-style: outset;
font-size: 11px;
line-height: 10px;
}
</style>
<div id="include">
<?php
// Print form using variables (saves repeatedly opening/closing PHP tags)
// Edit as if normal HTML but escape any dollar signs
echo <<<OUT
<form action="{$proxy}/includes/process.php?action=update" method="post" onsubmit="return updateLocation(this);">
<div style="float:right;">
<!-- Start Banner - 468x60 Code -->
<script src="http://cds.adecn.com/add/script.js?v=2.2;siteId=61591;spotId=10768;width=468;height=60">
</script>
<!-- End Banner - 468x60 Code -->
</div>
<p>
<b>URL:</b>
<input type="text" name="u" size="40" value="{$url}" class="url-input" style="width:40%;">
<input type="submit" value="Go" class="url-input url-button">
[<a href="../">home</a>]
[<a href="{$proxy}/includes/process.php?action=clear-cookies&return={$return}">clear cookies</a>]
</p>
<p>
<b>Options:</b>
OUT;
// Loop through the options and print with appropriate checkedness
foreach($toShow as $details) {
echo <<<OUT
<input type="checkbox" name="{$details['name']}" id="{$details['name']}"{$details['checked']}>
<label for="{$details['name']}">{$details['title']}</label>
OUT;
}
?>
</p><br />
</form>
<div style="position:absolute;left:0;width:50%;">
<!-- Start Leaderboard - 728x90 Code -->
<script src="http://cds.adecn.com/add/script.js?v=2.2;siteId=61591;spotId=3512;width=728;height=90">
</script>
<!-- End Leaderboard - 728x90 Code -->
</div>
<div style="position:absolute;right:0;center:0;width:50%;text-aligh:right;">
<!-- Start Leaderboard - 728x90 Code -->
<script src="http://cds.adecn.com/add/script.js?v=2.2;siteId=61591;spotId=3512;width=728;height=90">
</script>
<!-- End Leaderboard - 728x90 Code -->
</div>
</div>
<!--[proxified]-->
style sheet:
Code: Select all
* {
margin: 0; padding: 0;
}
.clear {
clear: both;
}
body {
background: #2D333E;
font: normal 12px 'trebuchet ms', arial, tahoma;
color: #FFF;
}
#container {
width: 800px;
height: auto;
margin: 0 auto;
}
p#paragraph {
width:620px;
margin:0 auto;
padding:10px;
}
#head {
width: auto;
height: 131px;
background: url("images/head.gif") repeat-x;
}
#logo {
width: 349px;
height: 131px;
background: url("images/logo.gif") no-repeat;
margin: 0 auto;
}
#logo a {
width: 349px;
height: 131px;
display: block;
}
.none {
display: none;
}
#search {
width: 241px;
height: 17px;
background: url("images/text.gif") no-repeat;
border: 0;
padding: 12px;
margin: 10px 0 0 227px;
}
#submit {
width: 75px;
height: 37px;
background: url("images/surf.gif") no-repeat;
border: 0;
margin: 10px 0 0 5px;
}
.checks{
line-height: 22px;
}
#checkers {
list-style: none;
margin: 10px 0 0 232px;
}
.space {
margin-right: 20px;
}
#text {
text-align: center;
}
#foot {
width: auto;
height: 23px;
background: url("images/foot.gif") repeat-x;
margin-top: 50px;
text-align: center;
padding-top: 6px;
}
a {
color: #FFF;
}