آخر الاخبار

showing/random/9

اعلان فوق الموضوع

تركيب اضافة اظهار الروابط الإحترافية 2018

تركيب اضافة اظهار الروابط الإحترافية 2018

perm_identityDimitry | query_builder2018/10/05 | chat_bubble_outlineليست هناك تعليقات
Dimitry
تركيب اضافة اظهار الروابط الإحترافية 2018
 السلام عليكم احبتنا الكرام اليوم و كما وعدناكم سابقا موعدنا مع طريقة حصرية لتركيب اضافة اظهار الروابط المنبثقة الإحترافية , طباع الإضافة مدفوعة اليوم نضعها بين ايديكم مجانا بدون اطالة نمر لطريقة التركيب 

صور الإضافة : 


معاينة الإضافة : من هنا

تركيب الإضافة : 


1- اضافة اكواد css : ادخل للمظهر ثم تحرير html اضغط ctrl+f و ابحث عن هذا الوسم  وضع الكود التالي فوقه مباشرة


/*
NEW SYSTEM OF DOWNLOADING BUTTONS
*/
#outer_page_btn {
background-color: #562d98;
color: #fff;
display: inline-block;
padding: 10px 25px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
font-size: 20px;
cursor: pointer;
box-shadow: inset 0px 0px 0px 0px #562d98;
-webkit-box-shadow: inset 0px 0px 0px 0px #562d98;
-moz-box-shadow: inset 0px 0px 0px 0px #562d98;
-o-box-shadow: inset 0px 0px 0px 0px #562d98;
-ms-box-shadow: inset 0px 0px 0px 0px #562d98;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
margin: 30px 0;
}
#outer_page_btn:before {
font-family: "FontAwesome";
content: "\f0c1";
padding: 0 0 0 20px;
}
#outer_page_btn:hover {
box-shadow: inset 0px -50px 0px 0px #ef69e4;
-webkit-box-shadow: inset 0px -50px 0px 0px #ef69e4;
-moz-box-shadow: inset 0px -50px 0px 0px #ef69e4;
-o-box-shadow: inset 0px -50px 0px 0px #ef69e4;
-ms-box-shadow: inset 0px -50px 0px 0px #ef69e4;
}
#outer_page_cont {
background: linear-gradient(to right,#c31284, #ff6ce6,#a9196f);
background: -webkit-linear-gradient(to right,#c31284, #ff6ce6,#a9196f);
background: -moz-linear-gradient(to right,#c31284, #ff6ce6,#a9196f);
background: -o-linear-gradient(to right,#c31284, #ff6ce6,#a9196f);
background: -ms-linear-gradient(to right,#c31284, #ff6ce6,#a9196f);
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
z-index: 99999999;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
overflow-y: auto;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
}
.outer_page_cont {
transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
}
#outer_top {
width: 100%;
height: 90px;
padding: 20px;
margin: 0 0 50px 0;
position: relative;
top: 0;
box-sizing: border-box;
background: #5f0404;
border-bottom: 5px solid #562d98;
}
.outer_page_control {
color: #ffffff;
background: #562d98;
padding: 5px 20px;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-o-border-radius: 25px;
-ms-border-radius: 25px;
cursor: pointer;
float: right;
}
#outer_top .share a {
width: 43px;
height: 43px;
display: block;
float: right;
margin: 0 10px 0 0;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
-ms-border-radius: 20px;
color: #ffffff;
font-size: 25px;
text-align: center;
background: #562d98;
}
#outer_top .share a:hover {
color: #ffffff;
background: #da48b3;
}
#outer_top .share a i {
line-height: 43px;
}
.outer_page_control:hover {
color: #5f0404;
background: #ffffff;
}
.outer_page_control:before {
font-family: "FontAwesome";
content: "\f0e2";
margin: 0 0 0 15px;
display: inline-block;
transform: rotate(50deg);
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-o-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
}
.outer_page_control:hover:before {
transform: rotate(-80deg);
-webkit-transform: rotate(-80deg);
-moz-transform: rotate(-80deg);
-o-transform: rotate(-80deg);
-ms-transform: rotate(-80deg);
}
#outer_page_cont .widget-content {
margin: 20px;
color: #fff;
}
#outer_page_table {
border-collapse: collapse;
color:#fff;
font-size: 15px;
width:80%;
display:none;
margin: 0 0 50px 0;
}


.t_off{
display:none;
}

#outer_page_table td {
border: 1px solid #dddddd;
text-align: center;
margin:0 -1px 0 0;
padding: 5px;
}
#outer_page_table th {
border: 1px solid #ddd;
background: #562d98;
}
#t_timer {
font-size: 20px;
text-align: center;
color: #fff;
border: 2px solid #fff;
width: 150px;
height: 150px;
line-height: 150px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
margin: 30px auto;
}

.t_title{
min-width:300px;
}
.t_version{
min-width:100px;
max-width:150px;
}
.t_size{
min-width:100px;
max-width:150px;
}
.t_download h2, .t_download h3, .t_download h4 {
font-weight: 100;
margin: 0;
padding: 0;
line-height: 15px;
text-align: center;
}
.t_download h2 a {
color: #fff;
background-color: #018ad2;
display: inline-block;
padding: 6px 12px;
margin-bottom: 5px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #026cba;
border-radius: 4px;
}
.t_download h2 a:hover {
color: #fff;
background-color: #0272bf;
border-color: #0355a8;
}

.t_download h3 a {
color: #fff;
background-color: #30bbf1;
display: inline-block;
padding: 6px 12px;
margin: 5px 2px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 2px solid #227770;
border-radius: 25px;
}
.t_download h3 a:hover {
color: #fff;
background-color: #2e95bd;
border-color: #134061;
}
.t_download h3 a:before, .t_download h4 a:before {
font-family: "FontAwesome";
content: "\f019";
float: right;
padding: 0 0 0 10px;
}
.t_download h2 a:before {
font-family: "FontAwesome";
content: "\f06e";
padding: 0 10px 0 0;
font-size: 15px;
}


.t_download h4 a {
color: #fff;
background-color: #d000ef;
display: inline-block;
padding: 6px 12px;
margin: 5px 2px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 2px solid #7f4180;
border-radius: 25px;
}
.t_download h4 a:hover {
color: #fff;
background-color: #bb20e2;
border-color: #491e54;
}
.outer_page_cont .PopularPosts h2 {
width: 200px;
box-sizing: border-box;
margin: 0 auto;
background-color: #ce448e;
color: #fff;
text-align: center;
font-size: 18px;
font-weight: 100;
padding: 10px 5px;
border-radius: 20px;
-webkit-border-radius: 20px;
}
.outer_page_cont .PopularPosts .popular-posts ul li {
width: 47%;
float: right;
margin: 0 0 25px 2.5%;
padding: 10px 0;
background-color: rgba(249, 60, 126, 0.38);
border-radius: 40px;
-webkit-border-radius: 40px;
transition: all .5s ease;
-webkit-transition: all .5s ease;
box-shadow: 0px 0px 0px 0px rgba(66, 18, 76, 0.5);
-webkit-box-shadow: 0px 0px 0px 0px rgba(66, 18, 76, 0.5);
border: 1px solid #8e2660;
}
.outer_page_cont .PopularPosts .popular-posts ul li:hover {
box-shadow: 0px 0px 45px 10px rgba(66, 18, 76, 0.5);
-webkit-box-shadow: 0px 0px 45px 10px rgba(66, 18, 76, 0.5);
}
.outer_page_cont .PopularPosts .popular-posts ul li a {
color: #fff;
}
.outer_page_cont .PopularPosts .popular-posts ul .item-thumbnail {
float: right;
margin: 0 0 0 15px;
}

#outer_page_table h3 img, #outer_page_table h4 img {
display: none;
}

/*popular posts*/
.outer_page_cont .popular-posts ul {
list-style: none;
}
.outer_page_cont .popular-posts li img {
border-radius:100%;
}

2- اضافة اكواد HTML ابحث بداخل القالب عن هذا الوسم و الصق الكود تالي اسفله  مباشرة




الرجوع للموضوع