API tools faq
paste
Guest User

csshtmltestt

a guest
Jan 13th, 2013
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <html>
  5.  
  6. <head>
  7. <link type="text/css" rel="stylesheet" href="css.css"/>
  8. <title>Kava-taj omiljeni napitak!</title>
  9.  
  10.  
  11.  
  12. </head>
  13.  
  14.  
  15.  
  16. <body>
  17.  
  18.  
  19.  
  20.  
  21. <ul>
  22. <a href="file:///C:/Users/zelja/Desktop/codeacademy/projekt%202/html.html"><li>Pocetna stranica</li></a>
  23. <a href="www.vecernji-list.hr"><li>Povijest kave</li></a>
  24. <a href="www.vecernji-list.hr"><li>Biljka</li><a>
  25. <a href="www.vecernji-list.hr"><li>Przena kava</li></a>
  26. <a href="www.vecernji-list.hr"><li>Globalni svijet kave</li></a>
  27. <a href="www.vecernji-list.hr"><li>Recepti s kavom</li></a>
  28.  
  29. </ul>
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36. </div>
  37.  
  38.  
  39.  
  40. <div>
  41. <h1>
  42. Kava je zakon koji priznajem! ddd
  43. </h1>
  44.  
  45. <p id="prvi"> Topla dobrodoslica svim ljubiteljima kave!
  46. <br>Pijmo kavu zajedno.
  47.  
  48. <p id="drugi"> <em>Danas je kava globalno poznata kao espresso, cappuccino, latte, irska kava i mnoge druge varijante. Na kava.hr Vam nudimo recepte, informacije o kavi, rasprave o espresso aparatima na forumu, vijesti i jos mnogo toga!</em></p>
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62. </div>
  63.  
  64. <p id="footer">
  65. www.nasa-kava.hr (coffee) 2013 Kava- taj omiljeni napitak! - Sva prava pridrzana
  66.  
  67. </body>
  68.  
  69.  
  70.  
  71. </html>
  72.  
  73.  
  74.  
  75.  
  76.  
  77.  
  78.  
  79. CSS.......................
  80.  
  81.  
  82. body {
  83. background-image:url("http://www.imgbase.info/images/safe-wallpapers/miscellaneous/1_other_wallpapers/12626_1_other_wallpapers_coffe.jpg");
  84. background-repeat:no-repeat;
  85. background-attachment:fixed;
  86. background-position:center;
  87. background-size:cover;
  88. }
  89.  
  90. div {
  91.  
  92. background-color:#D0867D;
  93. opacity:0.8;
  94. float:left;
  95. height:80%;
  96. width:40%;
  97. background-attachment:fixed;
  98. padding-bottom:27%;
  99. margin-left:30%;
  100. margin-right:30%;
  101.  
  102. }
  103.  
  104. h1 {
  105. font-family:Gabriola, Cursiva;
  106. color:#35141B;
  107. text-align:center;
  108. font-weight:bold;
  109.  
  110. }
  111.  
  112. #prvi {
  113. font-family:Gabriola, Cursiva;
  114. color:#35141B;
  115. font-weight:bold;
  116. margin:2%;
  117. }
  118.  
  119.  
  120.  
  121.  
  122.  
  123. ul{
  124. list-style-type:none;
  125. margin-left:27.9%;
  126.  
  127.  
  128.  
  129. }
  130.  
  131. a:link {
  132.  
  133. text-decoration:none;
  134. background-color:#D0867D;
  135. opacity:0.8;
  136. border:1px solid black;
  137. padding-right:2.89%;
  138. text-align:center;
  139. font-family: Gabriola, cursive;
  140. font-size:20px;
  141. color:red;
  142.  
  143.  
  144.  
  145.  
  146. }
  147.  
  148. a:hover {
  149. background-color:#D0867D;
  150. opacity:1;
  151. color:blue;
  152. text-decoration:none;
  153.  
  154.  
  155.  
  156. }
  157. a:visited {
  158. text-decoration:none;
  159. background-color:#D0867D;
  160. opacity:0.8;
  161. border:1px solid black;
  162. padding:10px;
  163. text-align:center;
  164. font-family: Gabriola, cursive;
  165. font-size:20px;
  166. color:red;
  167.  
  168. }
  169.  
  170.  
  171. li {
  172.  
  173. display:inline-block;
  174. font-family:Gabriola, Cursiva;
  175.  
  176.  
  177.  
  178.  
  179. }
  180.  
  181.  
  182. #footer {
  183. margin-top:42%;
  184. margin-left:30%;
  185. margin-right:30%;
  186. clear:both;
  187. background-color:#D0867D;
  188. text-align:center;
  189.  
  190.  
  191. }
  192. #drugi {
  193. font-family:Gabriola, Cursiva;
  194. color:#35141B;
  195. font-weight:bold;
  196. margin:2%;
  197. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!