عيد الاضحى المبارك


مواضيع تهمك

ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى

السلام عليكم ورحمه الله وبركاته قالب الكلمات الدلالية من اهم القوالب التى لها تاثير كبير جدا على ارشفة...

احصائياتى

الردود
8

المشاهدات
2021
abo-karim
.:: Administrator ::.
  • abo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud ofabo-karim has much to be proud of

  • abo-karim غير متواجد حالياً

المشاركات
4,227

+التقييم
20

تاريخ التسجيل
Jun 2015

الاقامة
ام الدنيــ EGYPT ــا

نظام التشغيل
windows 7

رقم العضوية
1
10-17-2017, 10:05 PM
المشاركة 1
10-17-2017, 10:05 PM
المشاركة 1
افتراضي قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
السلام عليكم ورحمه الله وبركاته
قالب الكلمات الدلالية من اهم القوالب التى لها تاثير كبير جدا على ارشفة المواضيع ولمن استهدم اسكريبت الفى بى يعلم جيدا امية هذا القالب ولهذه الاهمية تم اضافته ايضا داخل اسكريبت الزين فورو, xenforo لكن باسم اخر وهو الوسوم .
وحتى لا اطيل الحديث عن القالب وومميزاته اتى لكم اليوم بتعديل على هذا القالب حتى يكون اكثر عصريا وجذب اكثر وشبيه بقالب هيلبرنت

صوره من القالب التقليدى


صوره ممن القالب بعد تطويره


الخطوات
1- سجل دخول الى لوحة تحكم المنتدى >>> المظهر >>>> البحث فى القوالب >>> ابحث عن قالب اسمه helper_tag_list
2- قم باستبدال محتوياته بالكامل بهذا الكود
كود:
<div class="tagBlock TagContainer">
  <div class="IconTag">
   <div class="fa fa-tags">
</div></div>
	{xen:phrase tags}:
	<xen:if is="{$tags}">
		<ul class="tagList">
		<xen:foreach loop="$tags" value="$tag">
			<li><a href="{xen:link tags, $tag}" class="tag"><span class="arrow"></span>{$tag.tag}</a></li>
		</xen:foreach>
		</ul>
	</xen:if>
	<xen:if is="{$editUrl}">
		<a href="{xen:escape $editUrl, false}" class="OverlayTrigger tagBlockEdit"><xen:if is="{$tags}">{xen:phrase edit}<xen:else />{xen:phrase add_tags}</xen:if></a>
	</xen:if>
</div>
كما بالصوره


3- ثم قم بالحفظ
4- من خلال لوحة تحكم المنتدى >>> المظهر >>>> البحث فى القوالب >>> ابحث عن قالب اسمه public.css بداخل هذا القالب قم بالبحث عن هذا الكود
كود:
.tagBlock
{
	margin: 10px 0;
	font-size: 11px;
}

.tagList,
.tagList li
{
	display: inline;
}


.tagList .tag
{
	position: relative;
	display: inline-block;
	background: @primaryLightest;
	margin-left: 9px;
	height: 14px;
	line-height: 14px;
	padding: 1px 4px 1px 6px;
	border: 1px solid @primaryLighter;
	border-left: none;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	color: @primaryMedium;
	font-size: 11px;
	margin-bottom: 2px;
}

	.tagList .tag:hover
	{
		text-decoration: none;
		background-color: @primaryLighterStill;
	}

	.tagList .tag .arrow
	{
		position: absolute;
		display: block;
		height: 2px;
		width: 0;
		left: -9px;
		top: -1px;
		border-style: solid;
		border-width: 8px 9px 8px 0;
		border-color: transparent;
		border-right-color: @primaryLighter;
	}

		.tagList .tag .arrow:after
		{
			content: '';
			position: absolute;
			display: block;
			height: 2px;
			width: 0;
			left: 1px;
			top: -7px;
			border-style: solid;
			border-width: 7px 8px 7px 0;
			border-color: transparent;
			border-right-color: @primaryLightest;
		}

		.tagList .tag:hover .arrow:after
		{
			border-right-color: @primaryLighterStill;
		}

	.tagList .tag:after
	{
		content: '';
		position: absolute;
		left: -2px;
		top: 6px;
		display: block;
		height: 3px;
		width: 3px;
		border-radius: 50%;
		border: 1px solid @primaryLighter;
		background: @contentBackground;
	}
ثم قم باستبداله بهذا الكود
كود:
.tagBlock {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 0.75em;
    font-weight: lighter;
    padding: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    min-height: 10px;
}
.tagBlock .IconTag {
    float: left;
    font-size: 32px;
    width: 40px;
    height: 30px;
    margin-left: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #123465;
    color: #fff;
    text-align: center;
    padding-top: 9px;
}
.tagBlock .IconTag {
    font-size: 25px;
    color: #fff;
    text-align: center;
    line-height: 0px;
    margin-left: 5px;
    margin-right: 10px;
}

.tagList,
.tagList li
{
	display: inline;
}


.tagList .tag
{
	position: relative;
	display: inline-block;
	background: rgb(245, 245, 245);
	margin-right: 9px;
	height: 14px;
	line-height: 14px;
	padding:1px 6px 1px 4px;
	border: 1px solid rgb(222, 222, 222);
	border-right: none;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	-webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0;
	color: rgb(17, 68, 143);
	font-size: 11px;
	margin-bottom: 2px;
}

	.tagList .tag:hover
	{
		text-decoration: none;
		background-color: rgb(239, 239, 239);
	}

	.tagList .tag .arrow
	{
		position: absolute;
		display: block;
		height: 2px;
		width: 0;
		right: -9px;
		top: -1px;
		border-style:solid;
		border-width:8px 0 8px 9px;
		border-color:transparent;
		border-left-color: rgb(222, 222, 222);
	}

		.tagList .tag .arrow:after
		{
			content: '';
			position: absolute;
			display: block;
			height: 2px;
			width: 0;
			right: 1px;
			top: -7px;
			border-style:solid;
			border-width:7px 0 7px 8px;
			border-color:transparent;
			border-left-color: rgb(245, 245, 245);
		}

		.tagList .tag:hover .arrow:after
		{
			border-left-color: rgb(239, 239, 239);
		}

	.tagList .tag:after
	{
		content: '';
		position: absolute;
		right: -2px;
		top: 6px;
		display: block;
		height: 3px;
		width: 3px;
		-webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%;
		border: 1px solid rgb(222, 222, 222);
		background: rgb(252, 252, 255);
	}
ثم قم بالحفظ ومبارك عليك


قديم 10-18-2017, 07:57 AM
المشاركة 2
رحلات تايلاند
.:: عضو فعال ::.
  • رحلات تايلاند غير متواجد حالياً
افتراضي رد: قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
وعليكم السلام ورحمة الله وبركاته

ما شاء الله عليك .. كنت أنتظرها بارك الله فيك أخوي أبو كريم
تم يا غالى الله يحفظك بفضل الله ثم فضلك

بإنتظار الجديد منك اخى الكريم

تحياتى وتقديري

قديم 10-23-2017, 09:49 PM
المشاركة 3
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
وعليكم السلام ورحمة الله وبركاته

ما شاء الله عليك .. كنت أنتظرها بارك الله فيك أخوي أبو كريم
تم يا غالى الله يحفظك بفضل الله ثم فضلك

بإنتظار الجديد منك اخى الكريم

تحياتى وتقديري

الله يحفظك اخى

قديم 10-24-2017, 01:54 PM
المشاركة 4
ahmed200
.:: عضو مبدع ::.
  • ahmed200 غير متواجد حالياً
افتراضي رد: قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
شرح ممتاز

الله يقويكم

قديم 10-29-2017, 09:28 PM
المشاركة 5
غاوى مشاكل
.:: عضو تشيط ::.
  • غاوى مشاكل غير متواجد حالياً
افتراضي رد: قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
قالب روعه

الله يباركلك

قديم 12-01-2018, 11:17 AM
المشاركة 6
SAEED SALLAM
.:: عضو مشارك ::.
  • SAEED SALLAM غير متواجد حالياً
افتراضي رد: قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
تعديل جميل للغاية
ياريت نحصله للجيل الثاني
مودتي

قديم 02-26-2022, 08:18 PM
المشاركة 7
wepone
.:: عضو مشارك ::.
  • wepone غير متواجد حالياً
افتراضي رد: قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
ممتاز اخي الفاضل

قديم 02-27-2022, 09:44 AM
المشاركة 8
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
شكرا لك يا ابو كريم

قديم 05-12-2022, 02:38 PM
المشاركة 9
msm123
.:: عضو مشارك ::.
  • msm123 غير متواجد حالياً
افتراضي رد: قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
هل يصلح للجيل الثانى

اضافة رد

العلامات المرجعية

قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: قالب الكلمات الدلالية للموضوع, قالب الوسوم للموضوع بشكل جديد وحصرى
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
مشكلة في قالب الكلمات الدلالية S!L3NT H!LL ركن مشاكل وطلبات المنتديات 19 07-11-2018 06:22 AM
قالب التوقيع الخاص باسكريبت الزين فورو بشكل جديد و حصرى لمنتدى هيلبرنت abo-karim ركن شروحات الزين فورو XENFORO 6 06-13-2018 07:08 PM
[ Template] : ماهو اسم قالب التاج او الوسوم tag فى xenforo abo-karim ركن شروحات الزين فورو XENFORO 6 10-29-2017 09:27 PM
[blogger] قالب بلوجر أخبار التكنلوجيا قالب جديد مميز وإحترافي هيلبرنت ركن تطوير المواقع 0 02-02-2017 06:43 PM
قالب او كود احصائيات المنتدي 2015 بشكل جديد بآستخدام Font-Awesome و CSS ابن الاكابر ركن تطوير منتديات vb3.8.0 8 05-16-2016 12:31 AM




الساعة الآن 08:04 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum