Proo Help

اذهب إلى “لوحة التحكم” ثم =>”تصميم” =>”عناصر الصفحة”=>”إضافة أداة” =>HTML/javascript
ثم ضع كود الإضافة التي تريد من بين هاته الأشكال

_________________________________________________________________________________

الشكل الأول :

<style type="text/css">
#w2b-searchbox{background:url
(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWT2w0knp1GCnLolAlquTMzgG3U85Qk2cl6auK5Xi8tp8qc9kgq8pNgbTQVMpH15bWqQx1RlXwtZ5ZTa6s5iDs-S_MtPoB4MYpInpHWFxq9yx8Wn5sYN0x9qNgjg44yfEqJOMjJxjh7Sdv/)
no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if
(this.value == "Search...") {this.value = ""}' onblur='if
(this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

______________________________________________________________________

الشكل الثاني :

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXkpH-Y6bhhrBvf7_8CTWurf52XfUj8IsD24s1ZncbKYGPaEFDoKfkps9NGKc1zyccLQmU_bRWA2kkqgANxXh05qy-4p8GjkJfxkYokcZlI9IwN2Jvp4ACvAOi2AxXkRKHQbIQyWU6vkak/)
no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if
(this.value == "Search...") {this.value = ""}' onblur='if
(this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

_______________________________________________________________________

الشكل الثالث :

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwG8MpTkmxzSCx5liHGLjeYIJc8vWoox7LOIkGigc-SnUDA3BtaNdcutyQWpDkngEcrBKgDQz9MDIfrSvhrs_Ww0a-aDdSUodlfX2HMxuISAXf7wZWZ35zNAqtZm-sB2noAIDCUop4HBBA/)
no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if
(this.value == "Search...") {this.value = ""}' onblur='if
(this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Style 4

________________________________________________________________________

الشكل الرابع :

<style type="text/css">
#w2b-searchbox{background:url
(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNCybidVqrwToSPiOwh6s-IhnLrAkOmv3FuV1Mp7i_cprPOsbGgSuY3q1qaX8v4mPvugjNgoBz9vgbA1hYwI0x79QqXhF7Be_Jlg4ptoWwgU0-To12L7mRACklAhM0tUCZLOzyLUSkqaC4/)
no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

________________________________________________________________________

الشكل الخامس :

<style type="text/css">
#w2b-searchbox{background:url
(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgebqxs16Mktq-59mObDldBP2nC6yCYjnP8FLaSuOJH04Mvw2fRtblXoZYP5WvPLnHRySofAbMHf9nsW-qzGf2P1mThOwVxb08kRZZYNiyOzPQvbUP1hkZSum2JIi0mlrQ5Q_1uM6yluQ0m/)
no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

________________________________________________________________________

الشكل السادس :

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1QucMSbLYo4uzAZKF5kV8YbJAzuBBqt1hwXcei9k2YxGy9huzTptWEpn-69ar5KJURSaFHo2-AxYZvZ7MB65pqUygLOEZewCheHs-oZTylj9Azdw5G7qTyER7EmRPncWqw0uHZ1nibY1/)
no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

Proo Help

إعلانات

أضف أدوات البحت المتعددة إلى مدونتك

0 commentaires:

إرسال تعليق

Banner

إحصائيات