انجمن


تغییر در نمایش شماره صفحات  (۸ نوشته)

  • hamed.gemini

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۷
    تشکر شده: ۳ بار
    # نوشته شده: ۸ سال پیش
    ۱۰ شهریور ۱۳۹۰ - ۰۲:۵۱

    سلام
    یه مشکل کوچولو
    نمایش صفحات من الان به این صورته:
    http://dl01.arianamobile.ir/001.jpg
    می خوام ابنجوری بشه:
    http://dl01.arianamobile.ir/002.jpg
    از افزونه ی WP-PageNavi ورژن 2.74 استفاده میکنم.
    لطفا راهنماییم کنید.

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    مجتبي اسپري پور
  • مجتبي اسپري پور

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۸۷
    تشکر شده: ۱۸۱ بار
    # نوشته شده: ۸ سال پیش
    ۱۰ شهریور ۱۳۹۰ - ۱۸:۴۶

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

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    hamed.gemini
  • hamed.gemini

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۷
    تشکر شده: ۳ بار
    # نوشته شده: ۸ سال پیش
    ۱۱ شهریور ۱۳۹۰ - ۱۷:۴۰

    king_net گفت:
    برای اینکار باید با سی اس اس مقادیر رو دستکاری کنید اگه میخواید مانند همون بشه کافیه که کد همون قسمت اون سایت رو بر دارید و به جای سی اس اس خودتون قرار بدید

    سایت من اینه:
    arianamobile.ir
    میخوام شماره صفحه ها مثل سایت downloadha.com بشه.
    میشه بگید چی رو باید جایگزین چی کنم؟

  • مجتبي اسپري پور

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۸۷
    تشکر شده: ۱۸۱ بار
    # نوشته شده: ۸ سال پیش
    ۱۱ شهریور ۱۳۹۰ - ۲۱:۰۱

    #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
    	padding: 4px 0px 0px 0px;
    	margin: 0;
    	border: none;
    	text-decoration: none;
    	font-weight: normal;
    	font-style: normal;
    	list-style: none;
    	text-transform: none;
    	text-indent: 0px;
    	font-variant: normal;
    	text-align: left;
    	line-height: 12px;
    	letter-spacing: 0px;
    	word-spacing: 0px;
    }
    
    #wp_page_numbers {
    	width: 100%;
    }
    #wp_page_numbers ul {
    	width: 100%;
    }
    #wp_page_numbers li {
    	float: left;
    	display: block;
    }
    
    #wp_page_numbers a {
    	padding-left: 5px;
    	padding-right: 5px;
    	display: block;
    	color: #000000;
    	font-family: tahoma;
    	font-size: 8pt;
    }
    
    #wp_page_numbers li a:hover {
    	color: #666;
    }
    
    #wp_page_numbers li.space {
    	font-size: 8pt;
    	font-family: tahoma;
    	color: #aaa;
    	padding-left: 5px;
    	padding-right: 5px;
    
    }
    
    #wp_page_numbers li.first_last_page {
    	font-style: italic;
    }
    
    #wp_page_numbers li.active_page a {
    	color: #000;
    	font-weight:bold;
    }
    #wp_page_numbers li.active_page a:hover  {
    	color: #666666; /* IE fix */
    
    }
    
    #wp_page_numbers li.page_info {
    	float: right;
    	font-size: 8pt;
    	font-family: tahoma;
    	color: #aaa;
    	display: block;
    	padding-right: 5px;
    
    }page a:hover  {
    	color: #fff; /* IE fix */
    	text-decoration: underline;
    	border-color: #A1D4E5;
    }
    
    #wp_page_numbers li.page_info {
    	float: right;
    	display: block;
    	padding: 3px;
    	padding-left: 5px;
    	padding-right: 5px;
    	margin-right: 2px;
    	color: #000;
    	font-size: 11px;
    	border: 1px solid #A1D4E5;
    }

    اگر که قالبت این رو داره : wp-page-numbers.css با قبلیا جایگزین کنید اگر نه به style.css اضافه کنید .
    البته یک نسخه پشتیبان ازشون تهیه کن که مشکلی برای قالب پیش نیاد

  • hamed.gemini

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۷
    تشکر شده: ۳ بار
    # نوشته شده: ۸ سال پیش
    ۱۲ شهریور ۱۳۹۰ - ۱۶:۲۷

    با تشکر از شما
    قالب من فایل pagenavi-css.css داره
    که کد اون هم اینه:

    .wp-pagenavi {
    	display: block;
    	text-align: left;
    	font-weight: bold;
    	padding: 0px;
    	margin-top: 8px;
    	margin-right: auto;
    	margin-bottom: 10px;
    	margin-left: auto;
    }
    .wp-pagenavi a, .wp-pagenavi a:link {
    	padding: 2px 4px 2px 4px;
    	margin: 2px;
    	color: #333333;
    }
    .wp-pagenavi span.pages {
    	padding: 2px 4px 2px 4px;
    	margin: 2px;
    	color: #aaa;
    	background-color: #FFF;
    }
    .wp-pagenavi span.extend {
    	padding: 2px 4px 2px 4px;
    	margin: 2px;
    	color: #aaa;
    	text-decoration: none;
    }
    .wp-pagenavi a:hover {
    	padding: 2px 4px 2px 4px;
    	margin: 2px;
    	color: #666666;
    	text-decoration: underline;
    }
    .wp-pagenavi span.current {
    	padding: 2px 4px 2px 4px;
    	margin: 2px;
    	color: #CCCCCC;
    	text-decoration: none;
    	background-color: #F0F0F0;
    }
    .wp-pagenavi a:visited {
    	padding: 2px 4px 2px 4px;
    	margin: 2px;
    	color: #aaa;
    	text-decoration: none;
    }
    .wp-pagenavi a:active {
    	padding: 2px 4px 2px 4px;
    	margin: 2px;
    	color: #aaa;
    	text-decoration: none;
    }

    کدی که شما گفتید رو هم جایگزین کردم. ولی شماره صفحات به شکل زیر شد:
    http://dl01.arianamobile.ir/003.jpg

    البته این کد رو توی فایل style.css هم قرار دادم که باز هم نتیجه همین بود!
    ممنون میشم راهنماییم کنید.

  • hamed.gemini

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۷
    تشکر شده: ۳ بار
    # نوشته شده: ۸ سال پیش
    ۱۸ شهریور ۱۳۹۰ - ۰۰:۴۳

    درسته که طبق قوانین نباید این رو بگم...
    ولی...
    خیلی وقت گذشت!
    کسی نیست راهنمایی کنه؟!

  • imanasgharpour

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۰۴
    تشکر شده: ۱۵ بار
    # نوشته شده: ۸ سال پیش
    ۱۶ دی ۱۳۹۰ - ۲۳:۲۵

    کسی نمیدونست!!!

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    mohmon
  • yasermgh

    آفلاین
    عضو
    تعداد نوشته‌ها: ۳۷
    تشکر شده: ۱۸ بار
    # نوشته شده: ۸ سال پیش
    ۱۸ دی ۱۳۹۰ - ۱۸:۴۴

    یه چیز کلی بگم . برای الگو گرفتن از استایل یک سایت ، میتونید از افزونه web developer فایرفکس استفاده کنید. گزینه ای بنام view css information داره . از طریق اون میتونید سی اس اس یک قسمت خاص رو دربیارید

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Morteza

درباره‌ی این موضوع