/*Sliding Login Panel with jQuery 1.3.2*/
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0
Copyright 2009 Jeremie Tisseau
"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
http://www.gnu.org/licenses/gpl-3.0.html
*/
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}
/* Panel Tab/button */
.tab {
background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_b.png) repeat-x 0 0;
height: 42px;
position: relative;
top: 0;
z-index: 999;
}
.tab ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 42px;
width: auto;
font-weight: bold;
line-height: 42px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
}
.tab ul.login li.left {
background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_l.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li.right {
background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_r.png) no-repeat left 0;
height: 42px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
.tab ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 42px;
background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_m.png) repeat-x 0 0;
}
.tab ul.login li a {
color: #15ADFF;
}
.tab ul.login li a:hover {
color: white;
}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {
height: 20px;
line-height: 20px !important;
padding-left: 30px !important;
cursor: pointer;
display: block;
width: 100px;
position: relative;
top: 11px;
}
.tab a.open {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_close.png) no-repeat left -19px;}
/* sliding panel */
#toppanel {
position: absolute; /*Panel will overlap content */
/*position: relative;*/ /*Panel will "push" the content down */
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#panel {
width: 100%;
height: 190px;
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}
#panel h1 {
font-size: 1.6em;
padding: 5px 0 10px;
margin: 0;
color: white;
}
#panel h2{
font-size: 1.2em;
padding: 10px 0 5px;
margin: 0;
color: white;
}
#panel p {
margin: 5px 0;
padding: 0;
}
#panel a {
text-decoration: none;
color: #15ADFF;
}
#panel a:hover {
color: white;
}
#panel a-lost-pwd {
display: block;
float: left;
}
#panel .content {
width: 960px;
margin: 0 auto;
padding-top: 15px;
text-align: left;
font-size: 0.85em;
}
#panel .content .left {
width: 280px;
float: left;
padding: 0 15px;
border-left: 1px solid #333;
}
#panel .content .right {
border-right: 1px solid #333;
}
#panel .content form {
margin: 0 0 10px 0;
}
#panel .content label {
float: left;
padding-top: 8px;
clear: both;
width: 280px;
display: block;
}
#panel .content input.field {
border: 1px #1A1A1A solid;
background: #414141;
margin-right: 5px;
margin-top: 4px;
width: 200px;
color: white;
height: 16px;
}
#panel .content input:focus.field {
background: #545454;
}
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
display: block;
float: left;
clear: left;
height: 24px;
text-align: center;
cursor: pointer;
border: none;
font-weight: bold;
margin: 10px 0;
}
#panel .content input.bt_login {
width: 74px;
background: transparent url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_login.png) no-repeat 0 0;
}
#panel .content input.bt_register {
width: 94px;
color: white;
background: transparent url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_register.png) no-repeat 0 0;
}
#panel .lost-pwd {
display: block;
float:left;
clear: right;
padding: 15px 5px 0;
font-size: 0.95em;
text-decoration: underline;
}
/*newsletter*/
#newsletter { }
#newsletter p { font-size:14px; font-weight: bold; color: #555; float:left; padding:8px 5px 0px 30px; }
#newsletter form { float:right; padding:0 30px 0 0; }
#newsletter form input.email { width:150px; color:#888; border: 1px solid #ddd; padding:5px 8px 4px; height: 32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; box-shadow: inset 0 2px 4px rgba(0,0,0,.1); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1); }
#newsletter form input.submit { margin:0 0 0 5px; padding:0; background: url(http://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/btn-submit.png) no-repeat; width:89px; height: 31px; border:0; cursor: pointer; color:#fff; text-shadow: 0 -1px 0px #777; font-family: sans-serif; font-weight: bold; font-size:13px; }
#newsletter form input.submit:hover { opacity:0.85; }
/*fade-spin-css3-jquery*/
#followIcons a {
display:inline-block;
width:48px;
height:48px;
text-indent:-3000px;
background-position:0 0;
background-repeat:no-repeat;
z-index:2000;
overflow:hidden;
position:3;
}
#followIcons a {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}
#iconRSS { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/RSS.png); }
#iconTwitter { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/twitter.png); }
#iconDelicious { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/delicious.png); }
#iconFacebook { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/facebook.png); }
/*submenu*/
#submenu {
width: 160px;
float: left;
}
#submenu2 {
width: 160px;
float: right;
}
#submenu ul, #submenu2 ul{
font-family: Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
}
#submenu ul li a, #submenu2 ul li a {
background:url(http://cdn2.iconfinder.com/data/icons/circular%20icons/bullet_green.png) center left no-repeat;
margin:0;
padding:3px 3px 3px 18px;
}
#submenu li, #submenu2 li {display: inline;}
#submenu a, #submenu2 a{
color: #FFFFFF;
text-decoration: none;
font-size: 13px;
display: block;
padding: 3px;
width: 160px;
}
#submenu a:link, #submenu a:visited, #submenu2 a:link, #submenu2 a:visited {
color: #999;
text-decoration: none;
}
#submenu a:hover, #submenu2 a:hover {
color: #FFFFFF;
}
ul.adminbar
{ background-color:#F5EDE3;
border:1px solid #F5EDE3;
margin-bottom:8px;
padding:5px 5px 0;
}
ul.adminbar li {
background-color:#E6DAC9;
border:1px solid #999999;
list-style:none outside none;
margin-bottom:6px;
outline:1px solid #D0CBE5;
padding:12px 0px 20px 50px;
}
ul.adminbar li a
{ display:block;
color:#333333 !important;
text-shadow:1px 1px 0 #fff;
text-decoration:none;
font-size:20px;
height:27px;
margin:0 0 0 15px;
}
a.dashboard
{ background:url(http://1.bp.blogspot.com/-Le542yqWfFg/TeQHu_1XCbI/AAAAAAAACLU/c-HtViQPEQI/s1600/dashboard.png) no-repeat 0px 0px;
padding:4px 0 2px 47px;
}
a.settings
{ background:url(http://2.bp.blogspot.com/-hsTX92fGbtU/TeQHvyTk9TI/AAAAAAAACLc/zV2CbQWaYiQ/s1600/setting+blogger.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.layout
{ background:url(http://1.bp.blogspot.com/-dAP-uFxDb2A/TeQHs-8yViI/AAAAAAAACLM/OAVA_VQUvXU/s1600/3anasir.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.editpost
{ background:url(http://1.bp.blogspot.com/-MNTaudHeQBw/TeQJNVakhbI/AAAAAAAACLg/EWE_dnaYZmg/s1600/edit.png) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.newpost
{ background:url(http://2.bp.blogspot.com/-6Pv1pbavuPY/TeQHt8lkzHI/AAAAAAAACLQ/sEDaHHgUz8o/s1600/add+message+blogger.png) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.statistic
{ background:url(http://1.bp.blogspot.com/-K0mz7u5qyrw/TeQHsXXSOmI/AAAAAAAACLI/k1_kCabmX2E/s1600/Statistics+blogger.png) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
-->
skip to main |
skip to sidebar
12:28 م
Unknown
تحميل صور انستاجرام وحفظها على
حاسوبك يعد برنامج Instagram من اهم البرامج مشاركة الصور بوقتنا الحالي وهي تعد
شبكة اجتماعية ك فيس بوك اطلق البرنامج في 2010 واحدث طفرة قوية وتعد فكرة البرنامج
فريدة من نوعها يتيح لمستخدمين التقاط الصور ورفعها من خلال البرنامج وليس هذا فقط
يمكنك أضافة الفلاتر وتعديل على صور قبل مشاركتها مع اصدقائك يمتلك برنامج
Instagram خدمات شبكات اجتماعية وتظاف الصور على شكل مربع. يعد تحميل صور انستاجرام
Instagram Downloader من اهم البرامج المتوفرة حيث بأمكانك تحميل جميع الصور التي
يتم مشاركتها من خلال شبكة الاجتماهية لأنستاجرام اذا كنت ترغب بأستعراض الصور
بحجمها الكبير فقط اضغط على الصورة ويجب عليك تحديد مسار تحميل الصور وحفظها لبدأ
بتحميل الصور يمتلك البرنامج واجهة مميزة ورائعة ويستحق التحميل
والتجربة
تحميل
البرنامج من الموقع الرسمي
0 التعليقات:
إرسال تعليق