Strona podobna do tej

[xazerek]

Jak stworzyc strone podobna do tej?

Chodzi mi tylko o to zeby tlo dopasowywalo sie do wielkosci ekranu, oraz jak zrobic ten szary pasek na dole.

Przyklad: http://www.northernshadow-game.com/home.html

[Vertoi]

pasek ma czarne bg z opacity okolo 0.8, paddingiem ok. 10 - 15px i box shadow na górze. i to w sumie tyle

 

tlo dopasowane do ekranu: https://css-tricks.com/perfect-full-page-background-image/

[xazerek]

@Vertoi Móglbys bardziej podpowiedziec jak zrobic ten pasek? Nie umiem sobie z tym poradzic.

[Vertoi]

http://jsbin.com/woxohikeci

 

kod jak klikniesz po prawej u góry w edit

[xazerek]

@Vertoi Dziekuje bardzo.

Wiesz jak zrobic to, zeby po kliknieciu w przycisk obraz sie przyciemnial i wyskakiwala tabelka z tekstem?

Tak jak na tej stronie.

[WiPeKKK]

@Vertoi Dziekuje bardzo.

Wiesz jak zrobic to, zeby po kliknieciu w przycisk obraz sie przyciemnial i wyskakiwala tabelka z tekstem?

Tak jak na tej stronie.

Bootstrap Modal

[xazerek]

Dzieki wielkie.

@WiPeKKK Dodalem kod Bootstrap Modal do index.php. Pojawia sie przycisk sluzacy do odpalenia Modala, ale nie dziala. Powinienem jeszcze cos dodac do head oprocz tego?

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

[cody3223]

nie pamiętam czy wywołanie modalu wykonuje się CSS czy JS, ale jeżeli JS, to Bootstrap wymaga JQuery

[Vertoi]

http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-modals.php

[xazerek]

Ok.

Mam to w html:

 <nav class="menu">  <ul>
    <li><a href="#">test</a></li>
    <li><a href="#">test</a></li>
    <li><a href="#">test</a></li>
    <li><a href="#">test</a></li>
  </ul>
</nav>

I to w css:

nav.menu { position:fixed; bottom:0; width:100%; }
nav.menu ul {
  background: rgba(0,0,0,0.75); padding:25px; -webkit-box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px -4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px -4px 5px 0px rgba(50, 50, 50, 0.75);
    
}
nav.menu ul li {
  list-style:none; display:inline;
}
nav.menu ul li a {
  color:#ededed; text-decoration:none; font-size:1.3em; padding-left:10px;
}

Co zrobic jak chce tez dodac jeden przycisk od prawej do lewej na tym pasku?

[Vertoi]

html:

<li class="right"><a href="#">testright</a></li>

css:

li.right { float:right }

[WiPeKKK]

 

html:

<li class="right"><a href="#">testright</a></li>

css:

li.right { float:right }

lub prościej 

<li class="pull-right"><a href="#">testright</a></li>