Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Przerabianie forum
Niedowiarek
post 1.06.2011, 21:05:44
Post #1





Grupa: Zarejestrowani
Postów: 79
Pomógł: 0
Dołączył: 28.04.2011

Ostrzeżenie: (0%)
-----


Witam, mam taki oto styl forum: www.empireofdeath.ugu.pl

Jak widać, przez reklamę napis który jest pozycjonowany w CSS został u góry, a reszta poszła w dół.

No i teraz mam taki pliczek CSS(część bo cały się nie mieści):

  1. #wrap {
  2. padding-right: 70px;
  3. padding-left: 70px;
  4. padding-top: 0px;
  5. padding-bottom: 0px;
  6. min-width: 650px;
  7. z-index: 2;
  8. }
  9.  
  10. #leftborder {
  11. background: url({T_THEME_PATH}/images/leftborder.jpg);
  12. width: 70px;
  13. position:fixed;
  14. top:0;
  15. bottom:0;
  16. left:0px;
  17. }
  18.  
  19. #rightborder {
  20. background: url({T_THEME_PATH}/images/rightborder.jpg);
  21. width: 70px;
  22. position:fixed;
  23. top:0;
  24. bottom:0;
  25. right:0px;
  26. }
  27.  
  28.  
  29.  
  30. #simple-wrap {
  31. padding: 6px 10px;
  32. z-index: 3;
  33. }
  34.  
  35. #page-body {
  36. margin: 4px;
  37. clear: both;
  38. }
  39.  
  40. #page-footer {
  41. clear: both;
  42. }
  43.  
  44. #page-footer h3 {
  45. margin-top: 20px;
  46. }
  47.  
  48. #logo {
  49. float: left;
  50. width: auto;
  51. padding: 10px 13px 0 10px;
  52. }
  53.  
  54. a#logo:hover {
  55. text-decoration: none;
  56. }
  57.  
  58. /* Search box
  59. --------------------------------------------- */
  60. #search-box {
  61. color: #FFFFFF;
  62. position: relative;
  63. margin-top: 0px;
  64. margin-right: 5px;
  65. display: block;
  66. float: right;
  67. text-align: right;
  68. white-space: nowrap; /* For Opera */
  69. }
  70.  
  71. #search-box #keywords {
  72. width: 95px;
  73. background-color: #FFF;
  74. }
  75.  
  76. #search-box input {
  77. border: 1px solid #b0b0b0;
  78. }
  79.  
  80. /* .button1 style defined later, just a few tweaks for the search button version */
  81. #search-box input.button1 {
  82. padding: 1px 5px;
  83. }
  84.  
  85. #search-box li {
  86. text-align: right;
  87. margin-top: 4px;
  88. }
  89.  
  90. #search-box img {
  91. vertical-align: middle;
  92. margin-right: 3px;
  93. }
  94.  
  95. /* Site description and logo */
  96. #site-description {
  97. float: center;
  98. width: 100%;
  99. z-index:3;
  100. margin-bottom:-2px;
  101. padding: 0px;
  102. vertical-align:bottom;
  103. width:100%;
  104. background: url({T_THEME_PATH}/images/header_bg_widescreen.jpg) repeat-x scroll -80px 0;
  105. }
  106.  
  107. #site-nameplate {
  108. z-index:5;
  109. position:relative;
  110. top:0px;
  111. left:0px;
  112. }
  113.  
  114. #site-nameplate img {
  115. margin-left:50px;
  116. width:181px;
  117. height:235px;
  118. }
  119.  
  120. #site-nameplate-text {
  121. z-index:6;
  122. text-shadow: 0px 0px 10px #f2e019, 0px 0px 6px #e43f19;
  123. font-family: 'IM Fell Great Primer', Verdana, Helvetica, Arial, sans-serif;
  124. font-size: 19px;
  125. font-weight:bold;
  126. color:#f2e019;
  127. position:absolute;
  128. top:138px;
  129. left:135px;
  130. }
  131.  
  132. #site-nameplate-text hr {
  133. color:#f2e019;
  134. background-color:#f2e019;
  135. border:0px;
  136. width:150px;
  137. }
  138.  
  139. #site-nameplate-text span {
  140. font-size:15px;
  141. margin-left:50px;
  142. }
  143.  
  144. #site-description h1 {
  145. margin-right: 0;
  146. }
  147.  
  148. /* Round cornered boxes and backgrounds
  149. ---------------------------------------- */
  150. .headerbar {
  151. background: none repeat-x 0 0;
  152. color: #FFFFFF;
  153. margin-bottom: 4px;
  154. padding: 0 0;
  155. height: 270px;
  156. }
  157.  
  158. span.header-bottom, span.header-bottom span, span.header-bottom span span{
  159. font-size: 1px;
  160. line-height: 1px;
  161. display: block;
  162. height: 30px;
  163. background-repeat: no-repeat;
  164. }
  165.  
  166. span.header-bottom {
  167. background-image: url({T_THEME_PATH}/images/repeatableheader.png);
  168. background-position: 0% 100%;
  169. background-repeat: repeat-x;
  170. }


Męcze się z tym już prawie dwa dni, i gdzie bym nie zmienił, napis nawet się nie ruszy..
Go to the top of the page
+Quote Post

Posty w temacie
- Niedowiarek   [CSS]Przerabianie forum   1.06.2011, 21:05:44
- - Fifi209   Testowałem na dwóch przeglądarkach, wyświetla się ...   1.06.2011, 21:08:00
- - Niedowiarek   Chodzi mi o żółty napis "Empire of Death (i p...   1.06.2011, 21:11:20
- - Fifi209   Patrzę w developer tools i dałeś mu pozycję absolu...   1.06.2011, 21:16:25
- - sadistic_son   #site-nameplate-text{ zmień top ze 138px na 200px...   1.06.2011, 21:17:54
- - Niedowiarek   Zwiększyłem top i dalej nic ;/ Z typem relative te...   1.06.2011, 21:21:03
- - sadistic_son   No jak zwiększyłeś i nadal nic To zwiększyłeś coś...   1.06.2011, 21:23:23
- - Niedowiarek   [CSS] pobierz, plaintext #site-nameplate-text ...   1.06.2011, 21:26:36
- - sadistic_son   A odśwież może tą stronę tak jak należy. Kliknij k...   1.06.2011, 21:27:33
- - Niedowiarek   Aż się przeglądarka zawiesiła , ale niestety wciąż...   1.06.2011, 21:31:05
- - Fifi209   A ja patrzę to na serwerze wcale nie jest wgrany o...   1.06.2011, 21:33:58
- - sadistic_son   To nie wiem, masz coś zj*bane, u mnie śmiga jak si...   1.06.2011, 21:35:13
- - Niedowiarek   Ja patrze przez TC, i mam 200px;, już nawet w pane...   1.06.2011, 21:45:18
|- - sadistic_son   Cytat(Niedowiarek @ 1.06.2011, 22:45...   1.06.2011, 22:09:01
- - Fifi209   On to pobiera z pliku: style.php - może coś w tym ...   1.06.2011, 21:48:11
- - Niedowiarek   Jest jest, i to baardzo dużo PHP, ale to są funkcj...   1.06.2011, 21:55:01
- - Niedowiarek   Okej, jutro to zrobię bo już zmęczony jestem, co d...   1.06.2011, 22:17:26


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 16:45