تغییر رنگ کادرهای انجمن( با حرکت دادن موس)

[یادگاری 8]

سلام

دوستان چه کدی رو به قالب  اضافه کنم که وقتی موس روی هر کدوم از کادرهای داخل انجمن قرار میگیره، رنگ اون کادر تغییر کنه .......... مثل این تصویر

 

 

[علی یوسفلاوی 1,669]

سلام

با inspect element مرورگر کلاس و آی دی اون قسمت رو پیدا کنید و با hover تغییر رنگ رو اضافه کنید

به عنوان مثال برای انجمن :

.cForumRow li {
    transition: .3s all linear;
}
.cForumRow li:hover {
    background: #ddd !important;
    transition: .3s all linear;
}

برای آخرین ارسالی ها :

#bimFstatsContent .ipsDataItem {
    transition: .3s background ease-in-out;
}
#bimFstatsContent .ipsDataItem:hover {
    background: #ebebeb !important;
    transition: .3s background ease-in-out;
}

 

[یادگاری 8]

در هم اکنون، علی یوسفلاوی گفته است :

سلام

با inspect element مرورگر کلاس و آی دی اون قسمت رو پیدا کنید و با hover تغییر رنگ رو اضافه کنید

به عنوان مثال برای انجمن :

.cForumRow li {
    transition: .3s all linear;
}
.cForumRow li:hover {
    background: #ddd !important;
    transition: .3s all linear;
}

برای آخرین ارسالی ها :

#bimFstatsContent .ipsDataItem {
    transition: .3s background ease-in-out;
}
#bimFstatsContent .ipsDataItem:hover {
    background: #ebebeb !important;
    transition: .3s background ease-in-out;
}

 

به قسمت inspect element  مرورگر رفتم ولی چطوری ایدی و کلاس اون رو پیدا کنم ............و این کدها رو به کدوم قسمت قالب اضافه کنم ؟؟؟؟؟؟؟؟

[صائب کوهپایه 2,592]

داخل misc.css برید , دنبال /* LISTS */ بگردید و در ابتدای اون کد هایی که علی جان برای ارسال گفتن رو جای گذاری کنید

[یادگاری 8]

در هم اکنون، صائب کوهپایه گفته است :

داخل misc.css برید , دنبال /* LISTS */ بگردید و در ابتدای اون کد هایی که علی جان برای ارسال گفتن رو جای گذاری کنید

سلام

به این قسمتی که گفتید رفتم /* LISTS */ وجود نداشت

/* Styles that fix the mess IE causes */

/* misc.css */
.ipsSubNavigation li { 
	display: inline !important; 
}

.ipsClearfix { 
	*zoom: 1;
}

/* Pagination */
.ipsButtonBar .ipsPagination .ipsPagination_page a,
.ipsButtonBar .ipsPagination .ipsPagination_next a,
.ipsButtonBar .ipsPagination .ipsPagination_prev a,
.ipsButtonBar .ipsPagination .ipsPagination_first a,
.ipsButtonBar .ipsPagination .ipsPagination_last a,
.ipsButtonBar .ipsButtonRow li > a, 
.ipsButtonBar .ipsButtonRow li > button, 
.ipsButtonBar .ipsButtonRow li > span {
	color: #000 !important;
}

#ipsLayout_header nav a.active {
	background: #000 !important;
}

#elWidgetControls {
	display: none !important;
}

#elUserNav li {
	display: inline-block !important;
}

 

[علی یوسفلاوی 1,669]

به custom.css هم میتونید اضافه کنید ، فرقی نداره

[یادگاری 8]

در هم اکنون، علی یوسفلاوی گفته است :

به custom.css هم میتونید اضافه کنید ، فرقی نداره

درست شد ولی وقتی قالب روبه حالت grid view قرار میدم  رنگ کادر تغییر نمیکنه؟؟؟؟؟؟چی کار کنم درست بشه

[علی یوسفلاوی 1,669]

در 33 دقیقه قبل، یادگاری گفته است :

درست شد ولی وقتی قالب روبه حالت grid view قرار میدم  رنگ کادر تغییر نمیکنه؟؟؟؟؟؟چی کار کنم درست بشه

لینک انجمن رو بدید (در صورت آفلاین بودن امکان بررسی نیست) یا اینکه با استفاده از inspect element آی دی و کلاس اون قسمت رو باید خودتون پیدا و تغییرات انجام بدید.

[یادگاری 8]

در هم اکنون، علی یوسفلاوی گفته است :

لینک انجمن رو بدید (در صورت آفلاین بودن امکان بررسی نیست) یا اینکه با استفاده از inspect element آی دی و کلاس اون قسمت رو باید خودتون پیدا و تغییرات انجام بدید.

 

الان انجمن انلاین  هست  ................ ودر قسمت inspect element نمیدونم آی دی و کلاس رو چه جوری پیدا کنم ؟؟؟؟

[علی یوسفلاوی 1,669]

در 3 دقیقه قبل، یادگاری گفته است :

 

الان انجمن انلاین  هست  ................ ودر قسمت inspect element نمیدونم آی دی و کلاس رو چه جوری پیدا کنم ؟؟؟؟

حالت grid رو هم فعال کنید پس