رصيد الذهب
السلام عليكم ورحمة الله وبركاته
اقدم لكم نسخة الجوال المطورة
بقالب جميل ورائع
شكل الاستايل
استايل نسخة الجوال المطورة بمظهر وتقنية عالية 9v8rxc
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
مميزات الاستايل
نافبار بازرار - ايقونات تواصل الاجتماعي - ايقونة بحث
لوجو - صندوق دخول احترافي
الفوتر يحتوي على احصائيات مختصرة - وروابط نصية وحقوق
الاستايل تم تطويرة وتحديثة ليتناسب نسخة الجوال المطورة
وسيكون هناك شرح للتركيب بدل من قوالب جاهزة
حتى لو حدث أي تعديل مستقبلا بالنسخة لا يؤثر على الاستايل هع
طريقة التركيب
لوحة الادارة - مظهر المنتدى - قوالب التومبلايت - نسخة الجوال
قالب overall_header
ابحث عن
الكود:
{HOSTING_JS}وضع تحته هذا
الكود:
<style>
#header {
margin-bottom: 0px !important;
}
@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
*::-moz-selection {
background: #313131 none repeat scroll 0 0;
color: #fff;
text-shadow: 0 1px 0 #000;
}
.smallfont a {
margin-top: 14px;
}
h2 {
color: #fff;
font-size: 17px;
font-weight: bold;
margin: 0;
padding: 10px;
}
img {
max-width: 235px;
}
.bigusername {
font-size: 14pt;
}
td.thead, div.thead {
padding: 4px;
}
.pagenav a {
text-decoration: none;
}
.pagenav td {
padding: 10px;
}
.pagenav {
margin: 10px;
}
.fieldset {
margin-bottom: 6px;
}
.fieldset, .fieldset td, .fieldset p, .fieldset li {
font-size: 10pt;
}
fieldset.fieldset {
background: #fff none repeat scroll 0 0;
border: 1px solid #b5c0a8;
}
form {
display: inline;
}
label {
cursor: default;
}
.normal {
font-weight: normal;
}
.inlineimg {
vertical-align: middle;
}
.pre-quote {
background: #eceded none repeat scroll 0 0;
border: 1px solid #d8d8d8;
margin-top: 10px;
padding: 5px 5px 3px;
}
.post-quote {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
margin-bottom: 10px;
padding: 5px;
}
.pre-spoiler {
background: #eceded none repeat scroll 0 0;
border: 1px solid #d8d8d8;
color: #6e5b6d;
font-size: 9pt;
font-weight: bold;
margin-top: 10px;
padding: 3px 5px;
text-align: right;
}
.spoiler {
background: #eceded none repeat scroll 0 0;
border: 1px dashed #d8d8d8;
margin-bottom: 10px;
padding: 5px;
}
.copyright {
clear: both;
color: #666;
font-size: 85%;
margin: auto;
padding: 10px 0 5px 10px;
text-align: center;
}
h1 {
color: #fff;
font-size: 17px;
font-weight: bold;
margin: 0;
padding: 10px;
}
li.inline {
font-size: 15px;
text-align: center;
}
li.inline a {
display: inline;
font-size: 15px;
}
li.link a {
display: inline;
}
.secondary {
border-top: 1px solid #d3ddc9;
list-style-type: none;
padding: 10px 10px 14px 35px;
}
.mobiletitle a {
color: #fff;
}
#homeButton {
border-width: 0 8px 0 14px;
left: 6px;
right: auto;
}
.mobiletitlebottom {
background-color: #f4f4f4;
box-sizing: border-box;
color: #777;
font-size: 20px;
font-weight: bold;
height: 40px;
line-height: 20px;
margin: 5px 0 0;
padding: 10px;
text-align: center;
text-overflow: ellipsis;
}
.mobiletitlebottom a {
color: #777;
}
.mobilebuttonbottom {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 0;
border-width: 0 5px;
color: #ffffff;
display: block;
font-size: 12px;
font-weight: bold;
height: 28px;
line-height: 28px;
padding: 0;
text-decoration: none;
width: 100px;
}
#homeButtonbottom {
border-width: 0 8px 0 14px;
}
.mobile_button {
background: #111 none repeat scroll 0 0;
border-radius: 0;
border-width: 0 5px;
color: #ffffff;
display: block;
font-size: 12px;
font-weight: bold;
height: 28px;
line-height: 28px;
margin: 0 auto 10px;
padding: 0;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
width: 100px;
}
a.mobile_button {
color: #fff;
}
.editorRow {
position: relative;
}
.toRow > .editor {
padding-left: 45px;
}
.editorRow input {
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
margin: 3px 0;
padding: 5px 3px;
width: 100%;
}
.editorRow textarea {
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
height: 100px;
margin: 3px 0;
padding: 5px 3px;
width: 100%;
}
.editorRow .label, .recipient .label {
color: #555555;
position: absolute;
right: 10px;
top: 10px;
}
.editorRow > .editor {
padding-right: 120px;
}
.editor, .fullEditor {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: transparent none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #dddddd;
border-image: none;
border-radius: 0;
border-style: none none solid;
border-width: medium medium 1px;
font-family: inherit;
font-size: inherit;
margin: 0;
padding: 10px;
width: 100%;
}
label {
font-size: 15px;
}
.hd-logo {
background: url("https://i37.servimg.com/u/f37/16/46/77/76/logo_10.png");
background-position: center center;
background-repeat: no-repeat;
display: block;
float: right;
height: 139px;
margin-right: 10px;
width: 202px;
}
.clr {
clear: both;
display: block;
height: 0;
}
#mob-hd {
background:#fff;
box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.17);
margin: 0 0 20px;
padding: 20px 0 14px;
}
.js #menu {
display: none;
}
.js .slicknav_menu {
display: block;
float: left;
margin-top: 20px;
padding: 0;
}
#foot- {
background-color: #394c66;
padding: 11px 0;
}
#foot- ul {
margin: 0 0 7px;
padding: 0;
text-align: center;
}
#foot- ul li {
color: white;
display: inline;
text-align: center;
}
#foot- ul li a {
color: white;
font-size: 12px;
padding: 0 10px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.f-stat-- ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #f5f5f5;
border-color: -moz-use-text-color #dcdcdc #dcdcdc;
border-image: none;
border-style: none solid solid;
border-width: 0 1px 1px;
list-style-type: none;
margin: 0 0 1px;
padding: 10px;
}
.f-stat-- ul li {
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 3px;
list-style-type: none;
margin: 0 0 4px;
padding: 11px;
text-align: right;
}
.lasts- div {
display: inline;
margin: 0 0 0 20px;
text-align: right !important;
}
.lasts- span {
display: block;
}
.lasts- div span.time {
display: inline;
}
.nav_- {
background-color: #1fa9a3;
border-radius: 0 0 6px 6px;
margin: 0;
padding: 0;
position: relative;
}
.mn- li {
color: #eb8cab;
float: right;
line-height: 36px;
margin: 0;
}
.mn- li a {
color: white;
display: block;
float: right;
margin: 0 6px;
padding: 0 5px;
}
.mn- li a:hover {
opacity: 0.7;
}
.bann_- {
background-color: #cccccc;
color: #333;
margin: 0 auto 20px;
max-width: 360px;
min-height: 300px;
}
.socila- {
float: left;
margin: 5px 0 0 5px;
}
.socila- li {
float: right;
margin-right: 3px;
}
.socila- li a {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_0211.png");
background-position: -35px top;
background-repeat: no-repeat;
display: block;
height: 34px;
width: 32px;
}
.socila- li:last-child a {
background-position: right top;
}
.socila- li:first-child a {
background-position: left top;
}
.socila- li:last-child {
margin-left: 0;
}
body ul li.post-in_ {
background-color: white;
background-image: none;
}
body ul li.thrd-hd {
border-color: #ebebeb;
border-style: solid;
border-width: 1px 0;
padding: 8px;
}
.u-name_ img {
float: right;
height: 36px;
margin: 0 0 0 14px;
width: 36px;
}
.date_- {
display: block;
float: left;
}
.date_- b, .date_- i {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_2010.png");
background-position: right center;
background-repeat: no-repeat;
color: #7d7059;
display: block;
font-weight: normal;
line-height: 20px;
padding-right: 22px;
}
.date_- i {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_2110.png");
font-style: normal;
}
.t_title_bg {
background-color: #1fa9a3;
margin: 0 0 30px;
padding: 8px 15px;
}
.t_title_bg #title-thread {
color: white;
float: right;
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 0;
padding: 0;
}
.t_title_bg a.mobile_button {
background-color: transparent;
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_1910.png");
background-position: center center;
background-repeat: no-repeat;
display: block;
float: left;
height: 28px;
margin: 0;
overflow: hidden;
text-indent: -200px;
width: 28px;
}
.page ul li:last-child {
}
.post-in_ {
color: #777;
}
.des-coprt {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/elnoor10.png");
background-repeat: no-repeat;
display: block;
height: 30px;
margin: 0 auto;
width: 193px;
}
.des-coprt span {
display: none;
}
div.srch-box {
width: 260px;
}
body .srch-box form input[type="text"] {
width: 130px;
}
.nav_box ul, .nav_box ul li {
background-color: transparent;
border: 0 none;
color: #482c47;
}
body .mobiletitle {
display: none;
}
.cat-title {
background-color: #435772;
border-radius: 6px 6px 0 0;
color: #fff;
font-size: 18px;
font-weight: normal;
line-height: 33px;
margin: 0;
padding: 5px;
text-align: center;
}
.cat-title a {
color: #fff;
}
.cat-title a:hover {
color: #fff;
opacity: 0.5;
}
.us-info h1, .us-info a {
color: #43361f !important;
}
.us-info h1:hover, .us-info a:hover {
opacity: 0.6;
}
body #statbox .nav {
float: none;
height: 50px;
width: auto;
}
body .list-wrap_ {
margin-right: 0;
}
body #statbox .nav li {
background-color: transparent;
border: 0 none;
float: right;
padding: 0;
width: 50%;
}
body #statbox .nav li a {
background-image: none;
height: 40px;
line-height: 40px;
margin: 0;
width: 90%;
}
#elnooronline {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/elnoor10.png");
display: block;
height: 30px;
margin: 0 auto;
width: 180px;
}
#top--bar {
background-color: #1b4644;
border-bottom: 7px solid #20aca6;
padding: 0;
position: relative;
}
#bgr_ {
padding: 0 6px;
}
body {
background-color: #efefee;
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_1110.jpg");
color: #59492c;
font-family: NeoSans,"droid Arabic Kufi";
font-size: 15px;
line-height: 26px;
}
a {
color: #fff;
text-decoration: none;
}
.dtlz- {
margin: 0 0 8px;
padding: 5px 0 0;
}
.dtlz- span {
background-color: #f5f5f5;
border-radius: 3px;
display: block;
float: right;
font-size: 12px;
line-height: 20px;
margin: 0 0 5px 4px;
padding: 3px 12px;
}
.lasts_t {
background-color: #f5f5f5;
border-radius: 3px;
padding: 5px;
}
.u-avtar_ {
border: 1px solid #e0e0e0;
height: 64px;
padding: 3px;
width: 64px;
}
.r-padd {
margin-right: 82px;
}
.f-stat-- strong {
font-size: 11px;
}
.f-stat-- {font-size: 0px;}
.f-stat-- li {
font-size: 0px;
height: 26px;
line-height: 20px;
padding: 4px 12px !important;
}
.f-stat-- li i {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_1011.png");
background-repeat: no-repeat;
display: inline-block;
float: right;
height: 22px;
margin-left: 5px;
opacity: 0.7;
width: 22px;
}
.f-stat-- li b {
display: inline-block;
float: right;
font-weight: normal;
line-height: 26px;
}
.ic_-1 i {
background-position: center 4px;
}
.ic_-2 i {
background-position: center -47px;
}
.ic_-3 i {
background-position: center -100px;
}
.ic_-4 i {
background-position: center -153px;
}
.ic_-5 i {
background-position: center -204px;
}
input[type="text"], input[type="password"], textarea, select {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%) repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 0;
box-shadow: 0 1px 0 #fff inset;
color: #666;
font-family: NeoSans,"droid Arabic Kufi";
font-size: 14px;
font-weight: normal;
line-height: 20px;
padding: 9px 12px;
}
input[type="submit"] {
background-color: #17beb6;
border-width: 0;
color: #ffffff;
cursor: pointer;
font-family: NeoSans,"droid Arabic Kufi";
font-size: 15px;
font-weight: normal;
padding: 6px 19px;
}
input[type="submit"]:hover {
opacity: 0.7;
}
#qrform textarea {
display: block;
margin: 0 auto 20px;
width: 97% !important;
}
.usr-log-info {
display: none;
margin: 0 0 1px;
}
.usr-log-info_ {
background-color: #f7f7f7;
padding: 7px;
}
body div .usr-log-info ul li {
line-height: 20px;
margin: 0 0 4px;
padding: 0;
}
#us-pic img {
border: 1px solid #ddd;
float: right;
height: 64px;
margin: 5px 0 0;
padding: 2px;
width: 64px;
}
.usr-log-info-in {
margin-right: 77px;
}
.usr-log-info-in h2 {
margin: 0 0 5px;
padding: 0;
text-align: right;
}
.usr-log-info-in ul {
padding: 0;
}
ul.smallllink {
padding: 0 !important;
text-align: center;
}
ul.smallllink li {
float: right;
margin: 0 0 5px 5px !important;
}
ul.smallllink li a {
background-color: #51acb3;
border-radius: 3px;
color: #fff;
display: block;
line-height: 24px;
padding: 3px 12px;
}
.usr-it {
float: left;
margin: -70px 0 0 4px;
}
.usr-it li {
float: left;
margin: 0 5px 0 0;
}
.usr-it li a {
background-color: #199d98;
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_1610.png");
background-position: 10px center;
background-repeat: no-repeat;
border-radius: 3px;
display: block;
height: 36px;
width: 36px;
}
.usr-it li:last-child a {
background-position: -30px center;
}
.usr-it li a.loginbutt_, .usr-it li a.lostpasswd- {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_1610.png");
background-position: 56px center !important;
background-repeat: no-repeat;
color: #fff;
line-height: 36px;
padding: 0 22px 0 0;
width: 60px;
}
.usr-it li a.lostpasswd- {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_2310.png");
background-position: right center !important;
width: 120px;
}
.usr-inpt {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_1810.png");
background-position: right 3px;
background-repeat: no-repeat;
margin: 0 0 10px;
padding: 0 44px 0 0;
}
div.pass-icon {
background-position: right -48px;
}
.usr-inpt input {
margin: 0;
}
a.close- {
background-image: none !important;
color: #fff;
font-size: 20px;
font-weight: bold;
line-height: 36px;
}
#shrch {
background-color: #20aca6;
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_0310.png");
background-position: center center;
background-repeat: no-repeat;
display: block;
float: left;
height: 45px;
width: 45px;
}
#srchbox {
background-color: #fff;
display: none;
left: 0;
padding: 4px;
position: absolute;
top: 53px;
width: 224px;
z-index: 9999999;
}
#srchbox .bginput {
float: right;
margin: 0;
width: 180px;
}
#srchbox .button9 {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_0310.png");
background-position: center center;
background-repeat: no-repeat;
float: left;
height: 40px;
margin: 0;
padding: 0;
width: 40px;
}
.rightlnks- {
float: right;
}
.rightlnks- li {
border-left: 1px solid #205653;
float: right;
line-height: 45px;
}
.rightlnks- li:last-child {
border: 0 none;
}
.rightlnks- li a {
color: #fff;
display: block;
float: right;
padding: 0 10px;
}
.login-box {
background-color: #199d98;
border-radius: 6px;
margin: 0 0 12px;
padding: 12px;
}
.login-box input[type="text"], .login-box input[type="password"] {
background-color: #fff;
background-image: none;
border: 0 none;
border-radius: 4px;
box-shadow: 0 0 0 #fff;
}
.nav_box {
padding: 11px 0 0;
}
.login-box input[type="submit"] {
border-radius: 4px;
float: left;
height: 36px;
width: 120px;
}
.rmmbr- {
color: #beedeb;
float: right;
margin-top: 12px;
}
.c-line {
background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/img_0410.jpg");
display: block;
height: 7px;
}
.fm-fot {
background-color: #435772;
display: block;
height: 6px;
margin: 0 0 25px;
}
</style>ثم ابحث عن
الكود:
<div id="header" class="mobile_title">
{NAV_CAT_DESC}
</div>وضع تحته هذا
الكود:
<div id="top--bar">
<ul class="rightlnks-">
<li></li>
<li>
<a href="/">الرئيسية</a>
</li>
<li>
<a href="#">المدونة</a>
</li>
</ul>
<a href="/search" id="shrch"></a>
<ul class="socila-">
<li><a href="#" title="تابعنا على انستقرام"></a></li>
<li><a href="#" title="تابعنا على تويتر"></a></li>
<li><a href="#" title="تابعنا على فيس بوك"></a></li>
</ul>
<span class="clr"><!-- --></span>
</div>
<div id="bgr_">
<div id="mob-hd">
<a href="/" class="hd-logo" title="الصفحة الرئيسية"></a>
<span class="clr"><!-- --></span>
</div>
<span class="clr"><!-- --></span>
<div class="page-margin">
<!-- content table -->
<div class="page">
<div>
<script type="text/javascript">
<!--
function log_out()
{
ht = document.getElementsByTagName("html");
ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
if (confirm('هل أنت متأكد برغبتك في الخروج من المنتدى؟'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
//-->
</script>
<!-- BEGIN switch_user_logged_in -->
<div class="nav_box">
<div class="login-box">
<div align="center" class="smallfont">
<div>
<strong><span style="color: Red;">{LOGGED_AS}</span></strong>
</div>
<div>{LAST_VISIT_DATE}</div>
<a href="/search?search_id=newposts"><font color="#000080">مشاركات جديده</font></a><font color="#000080"> <span lang="ar-sa">|</span> </font>
<a href="/search?search_id=egosearch"> <font color="#000080">مشاركاتي</font></a><span lang="ar-sa"><font color="#000080"> | </font></span>
<a href="/search?search_id=unanswered"> <span style="text-decoration: none"><font color="#000080">مواضيع لم يتم الرد عليها</font></span></a>
<span class="clr"><!-- --></span>
</div>
</div>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div class="nav_box">
<div class="login-box">
<!-- login form -->
<form action="login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=387"></script>
<div class="usr-inpt"> <input type="text" class="bginput" name="username" id="navbar_username" accesskey="u" tabindex="101" value="اسم العضو" onfocus="if (this.value == 'اسم العضو') this.value = '';" ></div>
<div class="usr-inpt pass-icon"><input type="password" class="bginput" name="password" id="navbar_password" tabindex="102" ></div>
<label for="cb_cookieuser_navbar" class="rmmbr-"><input type="checkbox" name="autologin" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />حفظ البيانات؟</label>
<input type="submit" name="login" class="button" value="دخول" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s" >
</form>
<!-- END switch_user_logged_out -->
<!-- / login form -->
<span class="clr"><!-- --></span>
</div>
<span class="clr"><!-- --></span>
</div>
ثم سجل وانشر القالبب
استايل متوافق مع نسخة الجوال احترافي