بک لینک

مشکل در اجرای کد لیست گروهی
#1
سلام
من این کد رو داخل پست در میهن بلاگ میزارم. یکی از مشکلاتی که ایجاد میشه اینه که باعث میشه زمینه قالبم سفید بشه. اشکال بعدی در تغییر رنگ متن بعضی از ردیفها بود که کد رنگ سفید رو اضافه کردم. سوادم در این زمینه کمه و نتونستم مشکلاتش رو برطرف کنم. اصلا استفاده از چنین کدی برای پست وبلاگ درسته؟!
لطفا دوستان اهل فن این کد رو چک کنند و ایرادات اون رو رفع کنند. ممنون میشم.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>My Example</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

</head>
<body>
<div class="container-fluid">
        

<button type="button" class="btn btn-danger btn-lg btn-block" >Eleanor, Put Your Boots On</button><br>
<div class="list-group">
<a href="#" target="_blank" rel="nofollow" class="list-group-item active" style="color:White">Eleanor, Put Your Boots On</a>
<a href="#" target="_blank" rel="nofollow" class="list-group-item">Puss 'n' Boots</a>
<a href="#" target="_blank" rel="nofollow" class="list-group-item">Die With Your Boots On</a>
<a href="#" target="_blank" rel="nofollow" class="list-group-item">Fairies Wear Boots</a>
</div>

</div>
        
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>
پاسخ
#2
خب این یک کد html هست و استفاده از این کد به این شمل صحیح نیست !
شما باید فایل css رودر قسمت head قالب و فایل های js رو قبل تگ </body> در قالبتون قرار بدین
و فقط از بخش کد ها این قسمت رو در داخل پست ها استفاده کنید
کد:
<div class="container-fluid">
       

<button type="button" class="btn btn-danger btn-lg btn-block" >Eleanor, Put Your Boots On</button><br>
<div class="list-group">
<a href="#" target="_blank" rel="nofollow" rel="nofollow" class="list-group-item active" style="color:White">Eleanor, Put Your Boots On</a>
<a href="#" target="_blank" rel="nofollow" rel="nofollow" class="list-group-item">Puss 'n' Boots</a>
<a href="#" target="_blank" rel="nofollow" rel="nofollow" class="list-group-item">Die With Your Boots On</a>
<a href="#" target="_blank" rel="nofollow" rel="nofollow" class="list-group-item">Fairies Wear Boots</a>
</div>

</div>


علت تغییر رنگ متن ها در بخشی از قالب هم این هست که در فایل سی اس اس بوت استرپ که در قسمت head قرار داده میشه رنگ background تگ های اصلی متن ها مثل h1,h2,h3و ... برخی عناصر تعریف شده و برای اینکهاز اون فایل اجرا نشه باید در یک ویرایشگر متن باز کنید و فایل رو ویرایش و دوباره آپلود کنید
پاسخ
 سپاس شده توسط farshid
#3
(95-3-5، 02:07 صبح)AmirRezaei نوشته است: خب این یک کد html هست و استفاده از این کد به این شمل صحیح نیست !
شما باید فایل css رودر قسمت head قالب و فایل های js رو قبل تگ </body> در قالبتون قرار بدین
و فقط از بخش کد ها این قسمت رو در داخل پست ها استفاده کنید
کد:
<div class="container-fluid">
       

<button type="button" class="btn btn-danger btn-lg btn-block" >Eleanor, Put Your Boots On</button><br>
<div class="list-group">
<a href="#" target="_blank" rel="nofollow" rel="nofollow" class="list-group-item active" style="color:White">Eleanor, Put Your Boots On</a>
<a href="#" target="_blank" rel="nofollow" rel="nofollow" class="list-group-item">Puss 'n' Boots</a>
<a href="#" target="_blank" rel="nofollow" rel="nofollow" class="list-group-item">Die With Your Boots On</a>
<a href="#" target="_blank" rel="nofollow" rel="nofollow" class="list-group-item">Fairies Wear Boots</a>
</div>

</div>


علت تغییر رنگ متن ها در بخشی از قالب هم این هست که در فایل سی اس اس بوت استرپ که در قسمت head قرار داده میشه رنگ background تگ های اصلی متن ها مثل h1,h2,h3و ... برخی عناصر تعریف شده و برای اینکهاز اون فایل اجرا نشه باید در یک ویرایشگر متن باز کنید و فایل رو ویرایش و دوباره آپلود کنید

امیر جان ممنون از توجه و توضیحات خوبت. هیچ آشنایی با CSS ندارم. بنابراین به این نتیجه رسیدم که این کار من نیست و باید بیخیالش بشم. ولی حیف. خیلی دوست داشتم این لیست رو توی وبلاگم داشته باشم. موفق باشی دوست من.
پاسخ


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان