css - HTML Bootstrap website's background color not changing, and also how to add in social network buttons -

-

i'm having problem here. 1 of friends helping me bootstrap stuff website, after converting site bootstrap, can no longer change background color in website. please me? ton! oh, , also, while @ it, how create facebook social link facebook icon on, when hovering on icon there color? again!

html code:

<!doctype html> <html> <head lang="en">     <meta charset="utf-8">     <meta http-equiv="x-ua-compatible" content="ie=edge,chrome-1">     <title>my portfolio</title>     <link rel="stylesheet" href="css/main.css">     <link rel="stylesheet" href="css/bootstrap.min.css">     <script src="js/jquery-2.1.3.min.js"></script>     <script src="js/bootstrap.min.js"></script>     <script src="js/index.js"></script> </head> <body> <nav class="navbar navbar-default navbar-custom navbar-fixed-top">          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">             <ul class="nav navbar-nav navbar-left">                 <li>                     <a href="index.html">home</a>                 </li>                 <li>                     <a href="about%20me.html">about</a>                 </li>                 <li>                     <a href="pictures.html">pictures</a>                 </li>                 <li>                     <a href="contacts.html">contact</a>                 </li>             </ul>         </div> </nav>      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">          <!-- indicators -->         <ol class="carousel-indicators">             <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>             <li data-target="#carousel-example-generic" data-slide-to="1"></li>             <li data-target="#carousel-example-generic" data-slide-to="2"></li>         </ol>          <!-- wrapper slides -->         <div class="carousel-inner">             <div class="item active">                 <img src="images/image10.jpg" alt="...">                 <div class="carousel-caption">                     <h3>near house: meadow</h3>                 </div>             </div>              <div class="item">                 <img src="images/image4.jpg" alt="...">                 <div class="carousel-caption">                     <h3>flume gorge: waterfall</h3>                 </div>             </div>              <div class="item">                 <img src="images/image3.jpg" alt="...">                 <div class="carousel-caption">                     <h3>flume gorge: forest</h3>                 </div>             </div>         </div>          <div>         <!-- controls -->         <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">             <span class="glyphicon glyphicon-chevron-left"></span>         </a>          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">             <span class="glyphicon glyphicon-chevron-right"></span>         </a>         </div>         </div>      <footer class="text-center">         <div class="footer-above">             <div class="container">                 <div class="row">                     <div class="footer-col col-md-4">                         <h3>location</h3>                         <p>school address: not availible</p>                     </div>                     <div class="footer-col col-md-4">                         <h3>connect social media!</h3>                         <div>                             <a href="https://www.facebook.com/myusername"></a>                         </div>                     </div>                     <div class="footer-col col-md-4">                         <h3>about bootstrap</h3>                         <p>bootstrap free open source project simplifies creation of websites</p>                         <p><a href="http://getbootstrap.com/">get bootstrap now</a></p>                     </div>                 </div>             </div>         </div>         <div class="footer-below">             <div class="container">                 <div class="row">                     <div class="col-lg-12">                         copyright &copy; name 2015-2016                        <p> music used on site belongs respective authors</p>                     </div>                 </div>             </div>         </div>     </footer> </body> </html>

css code:

.navbar-custom .nav li {     color: #fff;     padding: 20px; }  .navbar-custom .nav li {     text-transform: uppercase;     font-size: 12px;     font-weight: 800;     letter-spacing: 1px; }  .navbar-default .navbar-nav>li>a {     color: #777; }  #carousel-example-generic{     width: 60%;     height: 100%;     margin: 0 auto; }  .footer {     margin-top: 20px;     text-align: center;     font-size: 11px;     font-family: verdana, geneva, tahoma, arial, helvetica, sans-serif; }  .footer {     margin-top: 20px;     text-align: center;     font-size: 11px;     font-family: verdana, geneva, tahoma, arial, helvetica, sans-serif; }

for firs question need : 

body {     background-color: black; }

for second question can use font awesome

here exemple created on how change color on hover on social media icons : 

<div class="background">     <span>         <i class="fa fa-round fa-facebook"></i>         <i class="fa fa-round fa-twitter"></i>         <i class="fa fa-round fa-youtube"></i>         <i class="fa fa-round fa-linkedin"></i>     </span> </div>

live demo

edit : link updated !


Comments

Post a Comment

Popular posts from this blog

java - Could not locate OpenAL library -

-
i writing game using slick2d library, uses lwjgl. lwjgl version 2.9.3. using netbeans 8. i tried adding sounds game, example music track on main menu. problem is, exception when run game, despite game still compiling , running except sound of course: sat mar 21 01:23:57 edt 2015 error:could not locate openal library. org.lwjgl.lwjglexception: not locate openal library. @ org.lwjgl.openal.al.create(al.java:156) @ org.lwjgl.openal.al.create(al.java:156) @ org.lwjgl.openal.al.create(al.java:102) @ org.lwjgl.openal.al.create(al.java:206) @ org.newdawn.slick.openal.soundstore$1.run(soundstore.java:295) @ java.security.accesscontroller.doprivileged(native method) @ org.newdawn.slick.openal.soundstore.init(soundstore.java:292) @ org.newdawn.slick.music.<init>(music.java:156) @ org.newdawn.slick.music.<init>(music.java:75) @ view.mainmenu.init(mainmenu.java:58) i didn't include rest of error states error happens in game code. the...
Read more

c++ - Delete matches in OpenCV (Keypoints and descriptors) -

-
i want check scene image against 2 train images. that, detect features , compute descriptors of both training images. before detecting, computing , matching scene image, delete matches of train1 , train2. because these matches won't facilitate matching of scene image train1 , train2. so, match train1 train2 , vector of matches trainidx , queryidx. how can delete these matches in keypoints-vector , descriptor matrix of train1 , train2? best regards, dwi i have done below: std::vector<cv::keypoint> keypoints[2]; cv::mat descriptor[2]; std::vector< cv::dmatch > matches; /* write code generate keypoints, descriptors , matches here... keypoint[0] -> train image 1 keypoints keypoint[1] -> train image 2 keypoints descriptor[0] -> train image 1 descriptors descriptor[1] -> train image 2 descriptors matches -> matched between train image 1 , 2 */ // logic keep unmatched keypoints , corresponding descriptor...
Read more

sorting - opencl Bitonic sort with 64 bits keys -

-
i used nvidia sdk bitonic sort , works great me. 32 bits (uint) need ulong keys. have typically 2^14 keys @ time , power of 2. searched on not find kernel designed ulong. i tried modified nvidia sdk bitonic sort using ulong keys not work. kernel not crash after de call clenqueuendrangekernel got error : cl_invalid_command_queue can tell me how modify bitonic sort or radixsort, or can sort ulong keys? i running nvidia quadro 4000 opencl 1.1 cuda 6.5.20 full_profile used original nvidia sdk bitonicsort.cl i used"ulong" keys , value input , ouput instead of "uint" thanks helping i made work-around suit need. used 30 bits of key , 18 high bits of value sorting. changed comparators (2 lines): '#define mask 0xffffc000 // suit need from this: if( (*keya > *keyb) == dir ) this: if(((*keya > *keyb)||((*keya == *keyb)&&((*vala & mask)> (*valb & mask)))) == dir ) it works fine. but, still, it's work-a...
Read more