Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Po aktualizacji skórki z php-fusion 6 na 7 strona jest zle poukładana
Forum PHP.pl > Forum > PHP
pawelek1261
12.11.2011, 11:08:25
Witam Po zaktualizowaniu skórki z php-fusion 6 do 7
Strona zrobiła się taka http://ligarf.c0.pl/news.php
Co zrobić by Strona była tak poukładana jak przed aktualizacją ?
Pozdrawiam
Kshyhoo
12.11.2011, 13:30:45
Odpowiednio zaktualizować kod skórki. Trzeba dopasować plik theme.php i styles.css
pawelek1261
12.11.2011, 13:42:15
To akurat wiem, a dokładniej?
Kshyhoo
12.11.2011, 14:06:39
A dokładniej opisane jest to w Konwersja skórek do PHP-Fusion v7 cz.1 i Konwersja skórek do PHP-Fusion v7 cz.2.
pawelek1261
12.11.2011, 15:11:44
Robiłem tak, ale nadal elementy na stronie nie są na swoim miejscu
Kshyhoo
12.11.2011, 15:28:29
Widocznie nie do końca. Wrzuć pliki skórki na jakiś darmowy hosting plików i podaj link.
pawelek1261
12.11.2011, 15:41:29
Kshyhoo wysłałem ci na PW link wink.gif
Kshyhoo
12.11.2011, 15:57:53
Chciałem pliki oryginale a nie po grzebaninie... Wklej kod tu, na forum.
pawelek1261
12.11.2011, 16:06:56
Proszę: http://www.multiupload.com/XZKDXAXDVF Chciałem wysłać cały kod na forum ale był za długi:) i jak to Pan pobierze to będzie miał Pan theme.php i style.css orginalny
Dziękuje;)
Kshyhoo
12.11.2011, 16:34:45
Cały problem polega na tym, iż ktoś dokonał zmian na skórce, dodając swój kod, zamiast użyć do tego wbudowanego systemu bloków i paneli. Teraz są dwie możliwości: albo zrobienie skórki i dodanie dodatkowych elementów jako bloki i panele (to lepsze rozwiązanie, bo będzie istniała możliwość dalszej rozbudowy bez ingerowania w kod CMSa) lub też zabawa z klejeniem istniejącego kodu (to rozwiązanie jest gorsze, bo kopanie po kimś w kodzie nie jest miłym zajęciem).
pawelek1261
12.11.2011, 16:57:17
Ja chciałbym tą 1 opcję

Pomoże Pan?smile.gif
Kshyhoo
12.11.2011, 17:08:10
1. Na forum jesteśmy "per ty".
2. Na przeróbkę thema potrzeba czasu i sporo chęci. Czasu brak, ale zobaczę chociaż, co się da zrobić.
pawelek1261
12.11.2011, 17:37:20
Będę bardzo wdzięczny

A możesz jeszcze napisać do kiedy mi dasz znać co da się zrobić? Bo zależy mi na czasie
Kshyhoo
12.11.2011, 17:59:18
Nie wiem ile to zajmie czasu, ale może jeszcze dziś.

Czy masz jakiś zrzut ekranu strony z themem w wersji 6? Trzeba dopasować wielkość czcionek, paneli, kolory, itp.
pawelek1261
12.11.2011, 20:45:15
Proszę: http://img526.imageshack.us/img526/9765/beznazwy1kopiaqo.png

http://iv.pl/images/21590224763417729140.png
Kshyhoo
13.11.2011, 00:25:57
theme.php:
[PHP] pobierz, plaintext 
  1. <?php
  2. if (!defined("IN_FUSION")) { die("Access Denied"); }
  3. // theme settings
  4. define("THEME_BULLET", "<img src='".THEME."images/bullet.gif' class='bullet' alt='?' border='0' />");
  5. require_once INCLUDES."theme_functions_include.php";
  6.  
  7. function render_page($license=false) {
  8.  
  9. 	global $settings;
  10.  
  11. 	echo "<table align='center' cellspacing='0' cellpadding='0' id='main'>
  12.     <tr>
  13.       <td>
  14.  
  15.         <table cellpadding='0' cellspacing='0' width='100%'>
  16.           <tr>
  17.             <td class='full-header'>
  18.  
  19.               <table cellpadding='0' cellspacing='0' width='100%'>
  20.                 <tr>
  21.                   <td>".showbanners()."</td>
  22.                 </tr>
  23.               </table>
  24.  
  25. 						</td>
  26. 					</tr>
  27. 				</table>
  28.  
  29. 				<table cellpadding='0' cellspacing='0' width='100%' class='tablebreak'>
  30. 					<tr>
  31. 						<td class='white-header'>".showsublinks("  ", "white")."</td>
  32. 						<td align='right' class='white-header'>".showsubdate()."</td>
  33. 					</tr>
  34. 				</table>
  35.  
  36. 				<table cellpadding='0' cellspacing='0' width='100%'>
  37. 					<tr>";
  38. 		        if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
  39. 						echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
  40. 						if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
  41. 					echo "</tr>
  42. 				</table>
  43.  
  44. 				<table cellpadding='0' cellspacing='0' width='100%'>
  45. 					<tr>
  46. 						<td class='footer'><br>".stripslashes($settings['footer'])."</td>
  47. 					</tr>
  48. 					<tr>
  49. 						<td align='center' class='footer'>\n";
  50. 							if ($license == false) {
  51. 								echo showcopyright();
  52. 							}
  53. 							echo showcounter()."
  54. 						</td>
  55. 					</tr>
  56. 				</table>
  57.  
  58. 			</td>
  59.     </tr>
  60. 	</table>\n";
  61.  
  62. }
  63.  
  64. function render_news($subject, $news, $info) {
  65.  
  66. 	echo "<table cellpadding='0' cellspacing='0' width='100%' class='border tablebreak''>
  67. 		<tr>
  68. 			<td class='capmain'>".$subject."</td>
  69. 		</tr>
  70. 	</table>
  71.  
  72. 	<table cellpadding='0' cellspacing='0' width='100%' class='border'>
  73. 		<tr>
  74. 			<td class='main-body'>".$news."</td>
  75. 		</tr>
  76. 		<tr>
  77. 			<td align='right' class='news-footer'>".newsposter($info, THEME_BULLET).newsopts($info, THEME_BULLET).itemoptions("N",$info['news_id'])."</td>
  78. 		</tr>
  79. 	</table>\n";
  80.  
  81. }
  82.  
  83. function render_article($subject, $article, $info) {
  84.  
  85. 	echo "<table cellpadding='0' cellspacing='0' width='100%' class='border tablebreak'>
  86. 		<tr>
  87. 			<td>
  88.  
  89. 				<table width='100%' cellpadding='0' cellspacing='0'>
  90. 					<tr>
  91. 						<td class='capmain'>".$subject."</td>
  92. 					</tr>
  93. 					<tr>
  94. 						<td class='main-body'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>
  95. 					</tr>
  96. 					<tr>
  97. 						<td align='center' class='news-footer'>".articleposter($info, THEME_BULLET).articleopts($info, THEME_BULLET).itemoptions("A",$info['article_id'])."</td>
  98. 					</tr>
  99. 				</table>
  100.  
  101. 			</td>
  102. 		</tr>
  103. 	</table>\n";
  104.  
  105. }
  106.  
  107. function opentable($title) {
  108.  
  109.   echo "<table cellpadding='0' cellspacing='0' width='100%' style='margin-bottom:2px;'>
  110.     <tr>
  111.       <td class='capmain'>$title</td>
  112.     </tr>
  113. 	</table>
  114.  
  115.   <table width='100%' cellpadding='0' cellspacing='0' class='tablebreak'>
  116.     <tr>
  117.       <td background='".THEME."images/zaw/srodek.gif' class=''>";
  118.  
  119. }
  120.  
  121. function closetable() {
  122.  
  123.       echo "</td>
  124. 		</tr>
  125. 		<tr>
  126.       <td height='10'>
  127.         <img src='".THEME."images/zaw/dol.gif'>
  128. 			</td>
  129.     </tr>
  130.   </table>\n";
  131.  
  132. }
  133.  
  134. function openside($title, $collapse = false, $state = "on") {
  135.  
  136. 	global $panel_collapse;
  137. 	$panel_collapse = $collapse;
  138.  
  139. 	$boxname = str_replace(" ", "", $title);
  140. 	echo "<table cellpadding='0' cellspacing='0' width='100%' class='border tablebreak'>
  141. 		<tr>
  142. 			".($collapse ? "<td class='scapmain' align='center'>".panelbutton($state, $boxname)."</td>" : "")."
  143. 			<td colspan='2' class='side-body'><img src='".THEME."images/blank.gif' alt='' height='2' width='1'></td>
  144. 		</tr>
  145. 		<tr>
  146. 			<td colspan='2' class='scapmain'>".$title."</td>
  147.  
  148. 		</tr>
  149. 		<tr>
  150. 			<td colspan='2' class='side-body'>";
  151.         if ($collapse == true) { echo panelstate($state, $boxname); }
  152. }
  153.  
  154. function closeside() {
  155.  
  156. 	global $panel_collapse;
  157.  
  158. 	if ($panel_collapse == true) { echo "</div>\n"; }
  159. 	echo "
  160. 			</td>
  161.     </tr>
  162. 	</table>\n";
  163.  
  164. }
  165.  
  166. function tablebreak() {
  167.  
  168. 	echo "<table cellpadding='0' cellspacing='0' width='100%'>
  169. 		<tr>
  170. 			<td height='8'></td>
  171. 		</tr>
  172. 	</table>\n";
  173.  
  174. }
  175.  
  176. ?>
[PHP] pobierz, plaintext

Zgodny z wersją 7.

style.css:
[CSS] pobierz, plaintext 
  1. body {
  2. 	background-attachment: fixed;
  3. 	background-image: url("images/background.jpg");
  4. 	background-position: center top;
  5. 	background-repeat: no-repeat;
  6. 	color: #000;
  7. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  8. 	font-size: 12px;
  9. 	margin: 9px 15px 0 0;
  10. 	text-shadow: 0 0 0 black;
  11. }
  12. .main-bg {
  13. 	padding-left: 0;
  14. 	padding-right: 0;
  15. 	padding-top: 0;
  16. 	font-weight: bold;
  17. }
  18. .main-body {
  19. 	color: #000;
  20. 	font-size: 12px;
  21. 	font-variant: small-caps;
  22. 	padding: 0;
  23. 	font-weight: bold;
  24. }
  25. .side-body {
  26. 	background-color: #B5B1B2;
  27. 	color: #000;
  28. 	font-size: 12px;
  29. 	font-variant: small-caps;
  30. 	padding: 0;
  31. }
  32. .border {
  33. 	background-color: #000;
  34. 	border: 1px solid #004A80;
  35. }
  36. .infobar {
  37. 	color: #000;
  38. 	font-size: 10px;
  39. 	padding: 1px;
  40. }
  41. .side-caption {
  42. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  43. 	font-size: 10px;
  44. 	font-weight: bold;
  45. 	padding: 0 4px 3px;
  46. }
  47. a {
  48. 	color: #000;
  49.   font-variant: small-caps;
  50.   text-decoration: none;
  51. }
  52. a {
  53. 	color: #8D0000;
  54. 	text-decoration: none;
  55. }
  56. a:hover {
  57. 	color: #F00;
  58. 	text-decoration: none;
  59. }
  60. a.side {
  61. 	color: #000;
  62. 	padding: 2px;
  63. 	text-decoration: none;
  64. }
  65. a.side:hover {
  66. 	color: #f6f6f6;
  67. 	background-color: #ccc;
  68. }
  69. .gallery {
  70. 	padding: 16px 0 8px;
  71. }
  72. .gallery img {
  73. 	border: 1px solid #333;
  74. }
  75. .gallery:hover img {
  76. 	border: 1px solid #000;
  77. }
  78. img.activegallery {
  79. 	border: 1px solid green;
  80. }
  81. .login1 {
  82. 	background-image: url("images/top/login/go.png");
  83. 	border: 0 none;
  84. 	color: #FFF;
  85. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  86. 	font-size: 10px;
  87. 	font-weight: bold;
  88. 	height: 21px;
  89. 	margin-top: 2px;
  90. 	width: 75px;
  91. }
  92. .register1 {
  93. 	background-image: url("images/top/login/rej.png");
  94. 	border: 0 none;
  95. 	color: #FFF;
  96. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  97. 	font-size: 10px;
  98. 	font-weight: bold;
  99. 	height: 21px;
  100. 	margin-top: 2px;
  101. 	width: 75px;
  102. }
  103. .panellogowania_texbox {
  104. 	background-image: url("images/top/login/okno1.gif");
  105. 	border: 0 none;
  106. 	color: #000;
  107. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  108. 	font-size: 12px;
  109. 	font-variant: normal;
  110. 	font-weight: bold;
  111. 	height: 23px;
  112. 	padding: 0;
  113. 	text-align: center;
  114. 	text-decoration: none;
  115. 	width: 136px;
  116. }
  117. .scapmain {
  118. 	background-image: url("images/menu/up.gif");
  119. 	background-position: left center;
  120. 	background-repeat: repeat-x;
  121. 	font-size: 12px;
  122. 	font-weight: bold;
  123. 	height: 40px;
  124. 	padding: 0 25px;
  125. 	color: #FFF;
  126. 	font-variant: normal;
  127. 	text-decoration: none;
  128. 	text-align: center;
  129. }
  130. .capmain {
  131.   background: url("images/zaw/gora.png") no-repeat transparent;
  132. 	font-size: 14px;
  133. 	width: 600px;
  134. 	height: 40px;
  135. 	margin: 0;
  136. 	padding: 0 25px;
  137. 	color: #FFF;
  138. 	font: bold 1.1em/30px arial,verdana,tahoma,sans-serif;
  139. 	text-decoration: none;
  140. 	text-shadow: 0 0 3px black;
  141. 	text-align: center;
  142. }
  143. .panell {
  144. 	background-image: url("images/zaw/gora.png");
  145. 	background-position: left center;
  146. 	background-repeat: repeat-x;
  147. 	font-size: 10px;
  148. 	height: 28px;
  149. 	padding: 0;
  150. 	font-weight: bold;
  151. }
  152. form {
  153. 	margin: 0;
  154. }
  155. hr {
  156. 	border-bottom: 1px solid #AAA;
  157. 	border-top: 1px solid #DDD;
  158. }
  159. hr.side-hr {
  160. 	-moz-border-bottom-colors: none;
  161. 	-moz-border-image: none;
  162. 	-moz-border-left-colors: none;
  163. 	-moz-border-right-colors: none;
  164. 	-moz-border-top-colors: none;
  165. 	border-color: #DDD #DDD #AAA;
  166. 	border-style: solid;
  167. 	border-width: 1px;
  168. }
  169. td {
  170. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  171. 	font-size: 12px;
  172. 	font-variant: small-caps;
  173. }
  174. .td-cell1 {
  175. 	background: none repeat scroll 0 0 #B5B1B2;
  176. 	color: #000;
  177. 	font-family: verdena;
  178. 	font-size: 13px;
  179. 	font-weight: bold;
  180. 	padding: 6px 6px 3px;
  181. }
  182. .tbl-border {
  183. 	border: 1px none;
  184. }
  185. .tbl {
  186. 	font-size: 12px;
  187.   padding: 3px 4px;
  188. }
  189. .tbl1 {
  190.  /*  background-color: #E6E6E6; */
  191.   color: #000;
  192.   font-size: 12px;
  193.   padding: 4px;
  194. }
  195. .tbl2 {
  196. /*   background-color: #E6E6E6; */
  197.   color: #000;
  198.   font-size: 12px;
  199.   padding: 4px;
  200. }
  201. .forum-caption {
  202. 	background-color: #333;
  203. 	color: #FFF;
  204. 	font-size: 10px;
  205. 	font-weight: bold;
  206. 	padding: 2px 4px 4px;
  207. }
  208. .quote {
  209. 	background-color: #444;
  210. 	border: 1px solid #FFF;
  211. 	color: #FFF;
  212. 	margin: 0 20px;
  213. 	padding: 2px;
  214. }
  215. .poll {
  216. 	border: 1px solid #000;
  217. 	height: 12px;
  218. }
  219. .comment-name {
  220. 	color: #42FF00;
  221. 	font-weight: bold;
  222. }
  223. .shoutboxname {
  224. 	color: #000;
  225. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  226. 	font-weight: bold;
  227. }
  228. .shoutbox {
  229. 	color: #000;
  230. 	font-family: Arial,Helvetica,sans-serif,"Times New Roman",Times,serif;
  231. }
  232. .shoutboxdate {
  233. 	color: #000;
  234. 	font-size: 9px;
  235. 	text-align: right;
  236. }
  237. .small {
  238. 	font-size: 10px;
  239. 	font-weight: normal;
  240. }
  241. .small2 {
  242. 	color: #FFF;
  243. 	font-size: 10px;
  244. 	font-weight: normal;
  245. }
  246. .side-small {
  247. 	color: #333;
  248. 	font-size: 9px;
  249. 	font-weight: normal;
  250. }
  251. .side-label {
  252. 	background-color: #313132;
  253. 	color: white;
  254. 	padding: 2px;
  255. }
  256. pre {
  257. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  258. 	font-size: 10px;
  259. }
  260. .alt {
  261. 	color: #000;
  262. }
  263. .button {
  264. 	background-color: #111;
  265. 	border: 1px solid #000;
  266. 	color: #B5B1B2;
  267. 	font-family: Tahoma,Arial,Verdana,Sans-Serif;
  268. 	font-size: 10px;
  269. 	font-variant: small-caps;
  270. 	font-weight: bold;
  271. 	margin-top: 2px;
  272. }
  273. .button:hover {
  274. 	background-color: #999;
  275. 	border: 1px solid #111;
  276. 	color: #000;
  277. 	margin-top: 2px;
  278. }
  279. .textbox {
  280. 	background-color: #B5B1B2;
  281. 	border: 1px solid #222;
  282. 	color: #000;
  283. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  284. 	font-size: 10px;
  285. 	font-variant: small-caps;
  286. 	font-weight: bold;
  287. }
  288. .textbox:hover {
  289. 	background-color: #BBB;
  290. 	border: 1px solid #777;
  291. }
  292. .gallery {
  293. 	padding: 16px 0 8px;
  294. }
  295. .gallery img {
  296. 	border: 1px solid #333;
  297. }
  298. .gallery:hover img {
  299. 	border: 1px solid #000;
  300. }
  301. img.activegallery {
  302. 	border: 1px solid green;
  303. }
  304. .login1 {
  305. 	background-image: url("images/top/login/go.png");
  306. 	border: 0 none;
  307. 	color: #FFF;
  308. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  309. 	font-size: 10px;
  310. 	font-weight: bold;
  311. 	height: 21px;
  312. 	margin-top: 2px;
  313. 	width: 75px;
  314. }
  315. .register1 {
  316. 	background-image: url("images/top/login/rej.png");
  317. 	border: 0 none;
  318. 	color: #FFF;
  319. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  320. 	font-size: 10px;
  321. 	font-weight: bold;
  322. 	height: 21px;
  323. 	margin-top: 2px;
  324. 	width: 75px;
  325. }
  326.  
  327. .naglowek2 {
  328. 	color: #FFF;
  329. 	font-size: 12px;
  330. 	font-variant: normal;
  331. 	text-decoration: none;
  332. }
  333. .sublinks {
  334. 	font-size: 12px;
  335. 	font-variant: small-caps;
  336. 	font-weight: bold;
  337. }
  338. .info {
  339. 	padding: 4px;
  340. }
  341. .licznik {
  342. 	color: black;
  343. 	font-size: 12px;
  344. 	font-style: normal;
  345. 	font-variant: small-caps;
  346. 	text-align: center;
  347. 	text-decoration: none;
  348. }
  349. .tresc {
  350. 	color: #000;
  351. 	padding: 5px 40px 5px 35px;
  352. 	font-weight: bold;
  353. }
  354. #tlo {
  355. 	background: none repeat scroll 0 0 #3F3F3F;
  356. 	height: 60px;
  357. 	width: 1090px;
  358. }
  359. /* added Kshyhoo */
  360. #main {
  361. 	width: 1000px;
  362. }
  363. .side-border-left {
  364.   padding: 0px 10px 0px 0px;
  365. 	width: 235px;
  366. }
  367. .side-border-right {
  368.   padding: 0px 0px 0px 10px;
  369. 	width: 235px;
  370. }
  371. .white-header {
  372.   background: url("img/menu-p.png") repeat-x scroll 0 0 transparent;
  373. 	font-size: 14px;
  374. 	height: 30px;
  375. 	margin: 0;
  376. 	padding: 0 25px;
  377. 	color: #FFF;
  378. 	font: bold 1.1em/30px arial,verdana,tahoma,sans-serif;
  379. 	text-decoration: none;
  380. 	text-shadow: 0 0 3px black;
  381. }
  382. .white-header ul {
  383.   background: url("img/menu-p.png") repeat-x scroll 0 0 transparent;
  384. 	font-size: 14px;
  385. 	height: 30px;
  386. 	margin: 0;
  387. 	padding: 0;
  388. }
  389. .white-header ul li {
  390.   display: inline;
  391. }
  392. .white-header ul li
  393. .first-link .bullet {
  394.   display: none;
  395. }
  396. .bullet {
  397.   background: url("imgage/bullet.gif") repeat-x scroll 0 0 transparent;
  398. }
  399. li.white a,
  400. a.white {
  401. 	background: url("img/menu-p.png") repeat-x scroll 0 0 transparent;
  402. 	color: #FFF;
  403. 	float: left;
  404. 	font: bold 1.1em/30px arial,verdana,tahoma,sans-serif;
  405. 	margin: 0;
  406. 	padding: 0 25px;
  407. 	text-decoration: none;
  408. 	text-shadow: 0 0 3px black;
  409. }
  410. li.white a:hover,
  411. a:hover.white {
  412. 	background: url("img/menu-c2.png") repeat-x scroll 0 0 transparent;
  413. 	color: #FFF;
  414. 	text-decoration: none;
  415. 	text-shadow: 0 0 3px white;
  416. }
  417. #navigation ul {
  418. 	margin: 0;
  419. 	padding: 0;
  420. 	list-style-type: none;
  421. }
  422. #navigation h2 {
  423. 	font-size: 12px;
  424. 	color: #555;
  425. 	background-color: #fff;
  426. 	margin: 0;
  427. 	padding: 2px;
  428. }
  429. #navigation a {
  430. 	display: block;
  431. 	color: #000;
  432. 	padding: 2px;
  433. 	text-decoration : none;
  434. }
  435. #navigation a:hover {
  436. 	color: #f6f6f6;
  437. 	background-color: #ccc;
  438. }
  439. * html #navigation ul li {
  440.  
  441. 	height: 1%;
  442. }
  443. .pagenav span {
  444. 	color: #777;
  445. 	background-color: #f0f0f0;
  446. 	border: 1px solid #e1e1e1;
  447. 	padding: 2px 4px;
  448. 	margin: 2px;
  449. }
  450. .pagenav a {
  451. 	color: #000;
  452. 	background-color: #fff;
  453. 	border: 1px solid #e1e1e1;
  454. 	padding: 2px 4px;
  455. 	margin: 2px;
  456. 	text-decoration: none;
  457. }
  458. .pagenav a:hover {
  459. 	color: #ccc;
  460. 	background-color: #444;
  461. 	text-decoration: none;
  462. }
  463. .center, *[align="center"] {
  464. 	margin: 0 auto;
  465. }
  466. .admin-message {
  467. 	border: 1px solid #666;
  468. 	border-left: 3px solid #999;
  469. 	padding: 8px;
  470. 	margin-bottom: 8px;
  471. }
  472. .bbcode {
  473. 	border: 1px solid #ccc;
  474. }
  475. .tablebreak {
  476. 	margin-bottom: 8px;
  477. }
  478. img {
  479. 	border: 0;
  480. }
  481. .news-category {
  482. 	border: 0;
  483. 	margin: 3px 5px 0 0;
  484. 	float: left;
  485. }
[CSS] pobierz, plaintext

Tu trzeba jeszcze popracować...

Co do paneli, jeszcze ich nie ruszyłem, bo css zabiera sporo czasu. Wklejam kod, bo może sam coś ruszysz.
pawelek1261
13.11.2011, 09:29:37
Dziękuje za odpowiedź lecz nie ma na tej stronie banneru z logowaniem , własnego poziomego menu , flag (po najechaniu na nie rozwija się tabela) ,live timing , reklam i stopki. Co zrobić, aby wszystko było jak na php-fusion 6 ?
Tak wygląda teraz po wrzuceniu na serwer:
http://iv.pl/images/90733506973217390086.jpg
Kshyhoo
13.11.2011, 09:41:22
Tak jak pisałem wcześniej, jeszcze ich nie ruszyłem. Ustalenie wszystkiego zajmuje sporo czasu - tym bardziej, że skórka w wersji 6 nie była zrobiona wg zasad.
Prawie wszystkie wymienione przez Ciebie części można dodać jako panele.
pawelek1261
13.11.2011, 10:04:53
A dał byś radę mi to zrobić? I tak bardzo Ci dziękuję bo bardzo mi i tak pomogłeś, ale jak byś dał radę to zrobić to bym był bardzo wdzięczny
Kshyhoo
13.11.2011, 10:11:29
Na zrobienie wszystkiego potrzeba czasu. Mam pracę, rodzinę, więc to nie będzie na dziś. I tak odłożyłem swoje sprawy, by się tym zająć.
pawelek1261
13.11.2011, 10:16:54
Ja rozumiem. Nie musi być na dziś, najważniejsze żebyś mi w tym pomógł, bo ja się na tym nie znam za bardzo;/
Kshyhoo
13.11.2011, 18:01:28
Dobra, na dziś wystarczy. Wklejam to, co udało mi się zrobić.
theme.php:
[PHP] pobierz, plaintext 
  1. <?php
  2. if (!defined("IN_FUSION")) { die("Access Denied"); }
  3. // theme settings
  4. define("THEME_BULLET", "<img src='".THEME."images/bullet.gif' class='bullet' alt='&raquo;' border='0' />");
  5. require_once INCLUDES."theme_functions_include.php";
  6.  
  7. function render_page($license=false) {
  8.  
  9. 	global $settings, $user_data, $aidlink;
  10.  
  11. 	echo "<table align='center' cellspacing='0' cellpadding='0' id='main'>
  12.     <tr>
  13.       <td>
  14.  
  15.         <table cellpadding='0' cellspacing='0' width='100%'>
  16.           <tr>
  17.             <td class='full-header'>
  18.  
  19.               <table cellpadding='0' cellspacing='0' width='100%'>
  20.                 <tr>
  21.                   <td>".showbanners()."</td>
  22.                 </tr>
  23.               </table>
  24.  
  25. 						</td>
  26. 					</tr>
  27. 				</table>";
  28.  
  29.  
  30. /* /////////////////////////////////////////////////////// */
  31. echo "<div class='panel'>";
  32.  
  33. if (iMEMBER) {
  34. 	if ($user_data['user_avatar'] != '') {
  35. 	echo "<a href='profile.php?lookup=".$user_data['user_id']."'><img src='".IMAGES."avatars/".$user_data['user_avatar']."' alt='".$user_data['user_name']."' align='left' style='border:0px;margin-top:3px;margin-right:5px'></a>";
  36.   } else {
  37.     echo "<center>";
  38.     echo "<img align='left' src='".IMAGES."/avatars/noavatar100.png' width='100' hight='100' style='margin-right:2px'>";
  39.     echo "</center>";
  40.   }
  41.  
  42.   $msg_count = dbcount("(message_id)", DB_MESSAGES, "message_to='".$user_data['user_id']."' AND message_read='0' AND message_folder='0'");
  43.  
  44. /* Edytuj profil */
  45. 	echo THEME_BULLET." <a href='".BASEDIR."edit_profile.php' style='color: #fff;text-decoration: none;'>Edytuj Profil</a><br />\n";
  46. 	/* Prywatne wiadomości */
  47. 	echo THEME_BULLET." <a href='".BASEDIR."messages.php' style='color: #fff;text-decoration: none;'>Wiadomości</a><br />\n";
  48. 	/* Lista użytkowników */
  49. 	echo THEME_BULLET." <a href='".BASEDIR."members.php' style='color: #fff;text-decoration: none;'>Lista user&#243w</a><br />\n";
  50.  
  51.  
  52.   if ($msg_count) echo "&nbsp;[".sprintf('%u' , $msg_count)."]</a><br />\n";
  53.   else echo "</a><br />";
  54.  
  55. 	if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
  56. 		/* Panel administratora */
  57. 		echo THEME_BULLET." <a href='".ADMIN."index.php".$aidlink."' style='color: #fff;text-decoration: none;'>Panel Administratora</a><br />\n";
  58.  
  59.   } else {
  60.  
  61.     echo"<br /><br /><center><a href='".BASEDIR."setuser.php?logout=yes' class='side'><font color=white>[  Wyloguj ]</a></center>";
  62.  
  63.   }
  64.  
  65. } else {
  66.  
  67.   echo "<div align='center'>".(isset($loginerror) ? $loginerror : "")."
  68.  
  69.     <form name='loginform' method='post' action='".FUSION_SELF."'>
  70.  
  71.       <input type='text' name='user_name' class='panellogowania_texbox' value='Login' onBlur=\"if(this.value=='') this.value='Login';\" onFocus=\"if(this.value=='Login') this.value='';\" >
  72.  
  73. 			<input type='password' name='user_pass' class='panellogowania_texbox' value='has�o' onBlur=\"if(this.value=='') this.value='has�o';\" onFocus=\"if(this.value=='has�o') this.value='';\" ><br>
  74.  
  75. 			<input type='checkbox' title='Pamiętaj' value='y' name='remember_me'>
  76.  
  77.       <input type='submit' name='login' value=' ' class='login1'>
  78.  
  79.       <a href='".BASEDIR."register.php' class='side'><input type='button' name='register' value=' ' class='register1'></a>
  80.  
  81.     </form><br />\n";
  82.  
  83.   if ($settings['enable_registration']) {
  84.  
  85.     echo "<a href='".BASEDIR."register.php' class='side'>Rejestracja</a>   |   \n";
  86.  
  87.   }
  88.  
  89.   echo "<a href='".BASEDIR."lostpassword.php' class='side'><font color=white>*Zgubione hasło</a></div>\n";
  90.  
  91. }
  92. echo "</div>\n";
  93.  
  94. /* /////////////////////////////////////////////////////// */
  95. echo"
  96. 				<table cellpadding='0' cellspacing='0' width='100%' class=''>
  97. 					<tr>
  98. 						<td class='white-header'>".showsublinks("  ", "white")."</td>
  99. 						<td align='right' class='white-header'>".showsubdate()."</td>
  100. 					</tr>
  101. 				</table>
  102.  
  103. 				<table bgcolor='#3F3F3F' width='1090' height='60' cellspacing='0' cellpadding='0' border='0' align='center'>
  104. 					<tbody>
  105. 					<tr align='center'>
  106. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/Belgia.png'></td>
  107. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/Monako.png'></td>
  108. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/singapur.png'></td>
  109. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/wlochy.png'></td>
  110. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/kanada.png'></td>
  111. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/hiszpania.png'></td>
  112. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/japonia.png'></td>
  113. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/Indie.png'></td>
  114. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/australia.png'></td>
  115. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/wlk brytania.png'></td>
  116. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/europa.png'></td>
  117. 					</tr>
  118. 					</tbody>
  119. 				</table>
  120. 				<table cellpadding='0' cellspacing='0' width='100%'>
  121. 					<tr>";
  122. 		        if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
  123. 						echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
  124. 						if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
  125. 					echo "</tr>
  126. 				</table><br />
  127.  
  128. 				<table cellpadding='0' cellspacing='0' width='100%'>
  129. 					<tr>
  130. 						<td class='footer'>".stripslashes($settings['footer'])."<br />";
  131. 							if ($license == false) {
  132. 								echo showcopyright();
  133. 							}
  134. 							echo showcounter();
  135. 						echo "</td>
  136. 					</tr>
  137. 				</table><br />
  138.  
  139. 			</td>
  140.     </tr>
  141. 	</table>\n";
  142.  
  143. }
  144.  
  145. function render_news($subject, $news, $info) {
  146.  
  147. 	echo "<table cellpadding='0' cellspacing='0' width='100%' class='border tablebreak'>
  148. 		<tr>
  149. 			<td class='capmain'>".$subject."</td>
  150. 		</tr>
  151. 	</table>
  152.  
  153. 	<table cellpadding='0' cellspacing='0' width='100%' class='border'>
  154. 		<tr>
  155. 			<td class='main-body'>".$news."</td>
  156. 		</tr>
  157. 		<tr>
  158. 			<td align='right' class='news-footer'>".newsposter($info, THEME_BULLET).newsopts($info, THEME_BULLET).itemoptions("N",$info['news_id'])."</td>
  159. 		</tr>
  160. 	</table>\n";
  161.  
  162. }
  163.  
  164. function render_article($subject, $article, $info) {
  165.  
  166. 	echo "<table cellpadding='0' cellspacing='0' width='100%' class='border tablebreak'>
  167. 		<tr>
  168. 			<td>
  169.  
  170. 				<table width='100%' cellpadding='0' cellspacing='0'>
  171. 					<tr>
  172. 						<td class='capmain'>".$subject."</td>
  173. 					</tr>
  174. 					<tr>
  175. 						<td class='main-body'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>
  176. 					</tr>
  177. 					<tr>
  178. 						<td align='center' class='news-footer'>".articleposter($info, THEME_BULLET).articleopts($info, THEME_BULLET).itemoptions("A",$info['article_id'])."</td>
  179. 					</tr>
  180. 				</table>
  181.  
  182. 			</td>
  183. 		</tr>
  184. 	</table>\n";
  185.  
  186. }
  187.  
  188. function opentable($title) {
  189.  
  190.   echo "<table cellpadding='0' cellspacing='0' width='100%' class=''>
  191.     <tr>
  192.       <td class='capmain'>$title</td>
  193.     </tr>
  194. 	</table>
  195.  
  196.   <table width='100%' cellpadding='0' cellspacing='0' class='tablebreak'>
  197.     <tr>
  198.       <td background='".THEME."images/zaw/srodek.gif' class='main-bg'>";
  199.  
  200. }
  201.  
  202. function closetable() {
  203.  
  204.       echo "
  205. 			</td>
  206. 		</tr>
  207. 		<tr>
  208.       <td height='10'>
  209.         <img src='".THEME."images/zaw/dol.gif'>
  210. 			</td>
  211.     </tr>
  212.   </table>\n";
  213.  
  214. }
  215.  
  216. function openside($title, $collapse = false, $state = "on") {
  217.  
  218. 	global $panel_collapse;
  219. 	$panel_collapse = $collapse;
  220.  
  221. 	$boxname = str_replace(" ", "", $title);
  222. 	echo "<table cellpadding='0' cellspacing='0' width='100%' class='border tablebreak'>
  223. 		<tr>
  224. 			".($collapse ? "<td class='scapmain' align='center'>".panelbutton($state, $boxname)."</td>" : "")."
  225. 		</tr>
  226. 		<tr>
  227. 			<td class='scapmain'>".$title."</td>
  228.  
  229. 		</tr>
  230. 		<tr>
  231. 			<td class='side-body'><br />";
  232.         if ($collapse == true) { echo panelstate($state, $boxname); }
  233. }
  234.  
  235. function closeside() {
  236.  
  237. 	global $panel_collapse;
  238.  
  239. 	if ($panel_collapse == true) { echo "</div>\n"; }
  240. 	echo "<br />
  241. 			</td>
  242.     </tr>
  243. 	</table>\n";
  244.  
  245. }
  246.  
  247. function tablebreak() {
  248.  
  249. 	echo "<table cellpadding='0' cellspacing='0' width='100%'>
  250. 		<tr>
  251. 			<td height='8'></td>
  252. 		</tr>
  253. 	</table>\n";
  254.  
  255. }
  256.  
  257. ?>
[PHP] pobierz, plaintext


style.css:
[CSS] pobierz, plaintext 
  1. body {
  2. 	background-attachment: fixed;
  3. 	background-image: url("images/background.jpg");
  4. 	background-position: center top;
  5. 	background-repeat: no-repeat;
  6. 	color: #000;
  7. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  8. 	font-size: 12px;
  9. 	margin: 9px 15px 0 0;
  10. 	text-shadow: 0 0 0 black;
  11. }
  12. .main-bg {
  13. 	font-weight: bold;
  14. 	padding: 5px 10px 0 10px;
  15. 	margin: 0px;
  16. }
  17. .main-body {
  18. 	color: #fff;
  19. 	font-size: 12px;
  20. 	font-variant: small-caps;
  21. 	padding: 10px;
  22. 	margin: 0px;
  23. }
  24. .side-body {
  25. 	background-color: #B5B1B2;
  26. 	color: #000;
  27. 	font-size: 12px;
  28. 	font-variant: small-caps;
  29. 	padding: 0 2px;
  30. 	margin: 0px;
  31. }
  32. .border {
  33. 	background-color: #000;
  34. 	border: 1px solid #004A80;
  35. }
  36. .infobar {
  37. 	color: #000;
  38. 	font-size: 10px;
  39. 	padding: 1px;
  40. }
  41. .side-caption {
  42. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  43. 	font-size: 10px;
  44. 	font-weight: bold;
  45. 	padding: 0 4px 3px;
  46. }
  47. a {
  48. 	color: #000;
  49.   font-variant: small-caps;
  50.   text-decoration: none;
  51. }
  52. a {
  53. 	color: #8D0000;
  54. 	text-decoration: none;
  55. }
  56. a:hover {
  57. 	color: #F00;
  58. 	text-decoration: none;
  59. }
  60. a.side {
  61. 	color: #000;
  62. 	padding: 2px;
  63. 	text-decoration: none;
  64. }
  65. a.side:hover {
  66. 	color: #f6f6f6;
  67. 	background-color: #ccc;
  68. }
  69. .gallery {
  70. 	padding: 16px 0 8px;
  71. }
  72. .gallery img {
  73. 	border: 1px solid #333;
  74. }
  75. .gallery:hover img {
  76. 	border: 1px solid #000;
  77. }
  78. img.activegallery {
  79. 	border: 1px solid green;
  80. }
  81. .login1 {
  82. 	background-image: url("images/top/login/go.png");
  83. 	border: 0 none;
  84. 	color: #FFF;
  85. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  86. 	font-size: 10px;
  87. 	font-weight: bold;
  88. 	height: 21px;
  89. 	margin-top: 2px;
  90. 	width: 75px;
  91. }
  92. .register1 {
  93. 	background-image: url("images/top/login/rej.png");
  94. 	border: 0 none;
  95. 	color: #FFF;
  96. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  97. 	font-size: 10px;
  98. 	font-weight: bold;
  99. 	height: 21px;
  100. 	margin-top: 2px;
  101. 	width: 75px;
  102. }
  103. .panel {
  104. 	position: absolute;
  105.   top: 88px;
  106. 	left: 785px;
  107. 	width: 258px;
  108. 	height: 98px;
  109. 	padding: 10px;
  110. 	color: #fff;
  111. 	padding: 2px;
  112. 	text-decoration: none;
  113. }
  114. .panellogowania_texbox {
  115. 	background-image: url("images/top/login/okno1.gif");
  116. 	border: 0 none;
  117. 	color: #000;
  118. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  119. 	font-size: 12px;
  120. 	font-variant: normal;
  121. 	font-weight: bold;
  122. 	height: 23px;
  123. 	padding: 0;
  124. 	text-align: center;
  125. 	text-decoration: none;
  126. 	width: 136px;
  127. }
  128. .scapmain {
  129. 	background: url("images/menu/up.gif") repeat-x transparent;
  130. 	font-size: 12px;
  131. 	font-weight: bold;
  132. 	height: 40px;
  133. 	padding: 0 25px;
  134. 	color: #FFF;
  135. 	font-variant: normal;
  136. 	text-decoration: none;
  137. 	text-align: center;
  138. }
  139. .capmain {
  140.   background: url("images/zaw/gora.png") repeat-x left center transparent;
  141. 	font-size: 14px;
  142. 	height: 40px;
  143. 	margin-bottom: 10px;
  144. 	padding: 0;
  145. 	color: #FFF;
  146. 	font: bold 1.1em/30px arial,verdana,tahoma,sans-serif;
  147. 	text-decoration: none;
  148. 	text-shadow: 0 0 3px black;
  149. 	text-align: center;
  150. }
  151. .panell {
  152. 	background-image: url("images/zaw/gora.png");
  153. 	background-position: left center;
  154. 	background-repeat: repeat-x;
  155. 	font-size: 10px;
  156. 	height: 28px;
  157. 	padding: 0;
  158. 	font-weight: bold;
  159. }
  160. form {
  161. 	margin: 0;
  162. }
  163. hr {
  164. 	border-bottom: 1px solid #AAA;
  165. 	border-top: 1px solid #DDD;
  166. }
  167. hr.side-hr {
  168. 	-moz-border-bottom-colors: none;
  169. 	-moz-border-image: none;
  170. 	-moz-border-left-colors: none;
  171. 	-moz-border-right-colors: none;
  172. 	-moz-border-top-colors: none;
  173. 	border-color: #DDD #DDD #AAA;
  174. 	border-style: solid;
  175. 	border-width: 1px;
  176. }
  177. td {
  178. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  179. 	font-size: 12px;
  180. 	font-variant: small-caps;
  181. }
  182. .td-cell1 {
  183. 	background: none repeat scroll 0 0 #B5B1B2;
  184. 	color: #000;
  185. 	font-family: verdena;
  186. 	font-size: 13px;
  187. 	font-weight: bold;
  188. 	padding: 6px 6px 3px;
  189. }
  190. .tbl-border {
  191. 	border: 1px none;
  192. }
  193. .tbl {
  194. 	font-size: 12px;
  195.   padding: 3px 4px;
  196. }
  197. .tbl1 {
  198.  /*  background-color: #E6E6E6; */
  199.   color: #000;
  200.   font-size: 12px;
  201.   padding: 4px;
  202. }
  203. .tbl2 {
  204. /*   background-color: #E6E6E6; */
  205.   color: #000;
  206.   font-size: 12px;
  207.   padding: 4px;
  208. }
  209. .forum-caption {
  210. 	background-color: #333;
  211. 	color: #FFF;
  212. 	font-size: 10px;
  213. 	font-weight: bold;
  214. 	padding: 2px 4px 4px;
  215. }
  216. .quote {
  217. 	background-color: #444;
  218. 	border: 1px solid #FFF;
  219. 	color: #FFF;
  220. 	margin: 0 20px;
  221. 	padding: 2px;
  222. }
  223. .poll {
  224. 	border: 1px solid #000;
  225. 	height: 12px;
  226. }
  227. .comment-name {
  228. 	color: #42FF00;
  229. 	font-weight: bold;
  230. }
  231. .shoutboxname {
  232. 	color: #000;
  233. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  234. 	font-weight: bold;
  235. }
  236. .shoutbox {
  237. 	color: #000;
  238. 	font-family: Arial,Helvetica,sans-serif,"Times New Roman",Times,serif;
  239. }
  240. .shoutboxdate {
  241. 	color: #000;
  242. 	font-size: 9px;
  243. 	text-align: right;
  244. }
  245. .small {
  246. 	font-size: 10px;
  247. 	font-weight: normal;
  248. }
  249. .small2 {
  250. 	color: #FFF;
  251. 	font-size: 10px;
  252. 	font-weight: normal;
  253. }
  254. .side-small {
  255. 	color: #333;
  256. 	font-size: 9px;
  257. 	font-weight: normal;
  258. }
  259. .side-label {
  260. 	background-color: #313132;
  261. 	color: white;
  262. 	padding: 2px;
  263. }
  264. pre {
  265. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  266. 	font-size: 10px;
  267. }
  268. .alt {
  269. 	color: #000;
  270. }
  271. .button {
  272. 	background-color: #111;
  273. 	border: 1px solid #000;
  274. 	color: #B5B1B2;
  275. 	font-family: Tahoma,Arial,Verdana,Sans-Serif;
  276. 	font-size: 10px;
  277. 	font-variant: small-caps;
  278. 	font-weight: bold;
  279. 	margin-top: 2px;
  280. }
  281. .button:hover {
  282. 	background-color: #999;
  283. 	border: 1px solid #111;
  284. 	color: #000;
  285. 	margin-top: 2px;
  286. }
  287. .textbox {
  288. 	background-color: #B5B1B2;
  289. 	border: 1px solid #222;
  290. 	color: #000;
  291. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  292. 	font-size: 10px;
  293. 	font-variant: small-caps;
  294. 	font-weight: bold;
  295. }
  296. .textbox:hover {
  297. 	background-color: #BBB;
  298. 	border: 1px solid #777;
  299. }
  300. .gallery {
  301. 	padding: 16px 0 8px;
  302. }
  303. .gallery img {
  304. 	border: 1px solid #333;
  305. }
  306. .gallery:hover img {
  307. 	border: 1px solid #000;
  308. }
  309. img.activegallery {
  310. 	border: 1px solid green;
  311. }
  312. .login1 {
  313. 	background-image: url("images/top/login/go.png");
  314. 	border: 0 none;
  315. 	color: #FFF;
  316. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  317. 	font-size: 10px;
  318. 	font-weight: bold;
  319. 	height: 21px;
  320. 	margin-top: 2px;
  321. 	width: 75px;
  322. }
  323. .register1 {
  324. 	background-image: url("images/top/login/rej.png");
  325. 	border: 0 none;
  326. 	color: #FFF;
  327. 	font-family: Verdana,Tahoma,Arial,Sans-Serif;
  328. 	font-size: 10px;
  329. 	font-weight: bold;
  330. 	height: 21px;
  331. 	margin-top: 2px;
  332. 	width: 75px;
  333. }
  334.  
  335. .naglowek2 {
  336. 	color: #FFF;
  337. 	font-size: 12px;
  338. 	font-variant: normal;
  339. 	text-decoration: none;
  340. }
  341. .sublinks {
  342. 	font-size: 12px;
  343. 	font-variant: small-caps;
  344. 	font-weight: bold;
  345. }
  346. .info {
  347. 	padding: 4px;
  348. }
  349. .licznik {
  350. 	color: black;
  351. 	font-size: 12px;
  352. 	font-style: normal;
  353. 	font-variant: small-caps;
  354. 	text-align: center;
  355. 	text-decoration: none;
  356. }
  357. .tresc {
  358. 	color: #000;
  359. 	padding: 5px 40px 5px 35px;
  360. 	font-weight: bold;
  361. }
  362. #tlo {
  363. 	background: none repeat scroll 0 0 #3F3F3F;
  364. 	height: 60px;
  365. 	width: 1090px;
  366. }
  367. /* added Kshyhoo */
  368. #main {
  369. 	width: 1000px;
  370. }
  371. .side-border-left {
  372.   padding: 0px 10px 0px 0px;
  373. 	width: 235px;
  374. }
  375. .side-border-right {
  376.   padding: 0px 0px 0px 10px;
  377. 	width: 235px;
  378. }
  379. .white-header {
  380.   background: url("img/menu-p.png") repeat-x scroll 0 0 transparent;
  381. 	font-size: 14px;
  382. 	height: 30px;
  383. 	margin: 0;
  384. 	padding: 0 25px;
  385. 	color: #FFF;
  386. 	font: bold 1.1em/30px arial,verdana,tahoma,sans-serif;
  387. 	text-decoration: none;
  388. 	text-shadow: 0 0 3px black;
  389. }
  390. .white-header ul {
  391.   background: url("img/menu-p.png") repeat-x scroll 0 0 transparent;
  392. 	font-size: 14px;
  393. 	height: 30px;
  394. 	margin: 0;
  395. 	padding: 0;
  396. }
  397. .white-header ul li {
  398.   display: inline;
  399. }
  400. .white-header ul li
  401. .first-link .bullet {
  402.   display: none;
  403. }
  404. .bullet {
  405.   background: url("imgage/bullet.gif") repeat-x scroll 0 0 transparent;
  406. }
  407. li.white a,
  408. a.white {
  409. 	background: url("img/menu-p.png") repeat-x scroll 0 0 transparent;
  410. 	color: #FFF;
  411. 	float: left;
  412. 	font: bold 1.1em/30px arial,verdana,tahoma,sans-serif;
  413. 	margin: 0;
  414. 	padding: 0 25px;
  415. 	text-decoration: none;
  416. 	text-shadow: 0 0 3px black;
  417. }
  418. li.white a:hover,
  419. a:hover.white {
  420. 	background: url("img/menu-c2.png") repeat-x scroll 0 0 transparent;
  421. 	color: #FFF;
  422. 	text-decoration: none;
  423. 	text-shadow: 0 0 3px white;
  424. }
  425. #navigation ul {
  426. 	margin: 0;
  427. 	padding: 0;
  428. 	list-style-type: none;
  429. }
  430. #navigation h2 {
  431. 	font-size: 12px;
  432. 	color: #555;
  433. 	background-color: #fff;
  434. 	margin: 0;
  435. 	padding: 2px;
  436. }
  437. #navigation a {
  438. 	display: block;
  439. 	color: #000;
  440. 	padding: 2px;
  441. 	text-decoration : none;
  442. }
  443. #navigation a:hover {
  444. 	color: #f6f6f6;
  445. 	background-color: #ccc;
  446. }
  447. * html #navigation ul li {
  448.  
  449. 	height: 1%;
  450. }
  451. .pagenav span {
  452. 	color: #777;
  453. 	background-color: #f0f0f0;
  454. 	border: 1px solid #e1e1e1;
  455. 	padding: 2px 4px;
  456. 	margin: 2px;
  457. }
  458. .pagenav a {
  459. 	color: #000;
  460. 	background-color: #fff;
  461. 	border: 1px solid #e1e1e1;
  462. 	padding: 2px 4px;
  463. 	margin: 2px;
  464. 	text-decoration: none;
  465. }
  466. .pagenav a:hover {
  467. 	color: #ccc;
  468. 	background-color: #444;
  469. 	text-decoration: none;
  470. }
  471. .center, *[align="center"] {
  472. 	margin: 0 auto;
  473. }
  474. .admin-message {
  475. 	border: 1px solid #666;
  476. 	border-left: 3px solid #999;
  477. 	padding: 8px;
  478. 	margin-bottom: 8px;
  479. }
  480. .bbcode {
  481. 	border: 1px solid #ccc;
  482. }
  483. .tablebreak {
  484.  margin: 0 0 10px 0;
  485. }
  486. img {
  487. 	border: 0;
  488. }
  489. .news-category {
  490. 	border: 0;
  491. 	margin: 3px 5px 0 0;
  492. 	float: left;
  493. }
  494. .footer {
  495.   background: url("images/stopka/stopka.jpg") no-repeat transparent;
  496. 	color: #000;
  497. 	text-decoration: none;
  498. 	text-align: center;
  499. 	width: 1090px;
  500. 	height: 70px;
  501. 	padding: 2px;
  502. 	margin: 10px 0 0 0;
  503. }
  504. /* border: 1px solid #0f0; */
[CSS] pobierz, plaintext
pawelek1261
14.11.2011, 16:13:47
Po wgraniu na serwer brakuje mi na stronie kilku rzeczy(strona obecnie wygląda tak:http://iv.pl/images/51102078785079777441.png):
-panele nad stopką
-banner z logowaniem
-menu poziome(wstawić to menu poziome z starego theme.php tak jak było wcześniej)

Mógłbyś powiedzieć jak zmienić kolor wewnętrzny paneli na ciemny szary (takie coś jak tło pod flagami)? I jak ustawić szerokość paneli prawych?

Z góry i tak Ci bardzo dziękuje bo nie wiem jak bym sobie bez Ciebie poradził

Kshyhoo
14.11.2011, 18:17:13
Wykorzystaj dobrodziejstwa, które daje PHP-Fusion v7...
Dolne panele (statystyki. itp), są do dodania poprzez Panel Administracyjny.
Logo: zmień nazwę na php-fusion-logo.png i wrzuć do images/top. Zostało przeze mnie scalone...
Menu poziome to kwestia dodania poprzez Panel Administratora odpowiednich stron i potem dodanie ich do menu łącznie z kolejnością wyświetlenia.
Baner z logowaniem już jest, spróbuj wcisnąć CTRL+F5, bo może nie podmieniło Ci dobrze css.
Kolor paneli: klasa side-body w styles.css:
[CSS] pobierz, plaintext 
  1. .side-body {
  2.     background-color: #B5B1B2;
[CSS] pobierz, plaintext

Szerokości paneli oraz padding odpowiadają klasy side-border-left dla lewego i side-border-right dla prawego panela:
[CSS] pobierz, plaintext 
  1. .side-border-left {
  2.   padding: 0px 10px 0px 0px;
  3. 	width: 235px;
  4. }
  5. .side-border-right {
  6.   padding: 0px 0px 0px 10px;
  7. 	width: 235px;
  8. }
[CSS] pobierz, plaintext
pawelek1261
14.11.2011, 18:54:09
Tylko to logowanie na bannerze trochę ,,lata", nie jest na swoim miejscu, sam spójrz: http://ligarf.c0.pl/news.php
Kshyhoo
14.11.2011, 19:04:10
U mnie nie lata, jest na swoim miejscu. Jaką masz przeglądarkę?
pawelek1261
14.11.2011, 19:15:26
Firefox

U mnie ten panel z logowaniem jest powyżej banneru
Kshyhoo
14.11.2011, 19:16:46
To nie powinno być problemu, testowałem ma wszystkich.
pawelek1261
14.11.2011, 19:25:55
http://iv.pl/images/54836232657509022639.png u mnie to tak wyglada
Kshyhoo
14.11.2011, 19:29:45
A no wodzu, dodajesz jakieś elementy do strony, to kombinuj też z pozycjonowaniem elementów sam...
Diego12
14.11.2011, 19:39:48
Cytat(Kshyhoo @ 14.11.2011, 19:29:45 ) *
A no wodzu, dodajesz jakieś elementy do strony, to kombinuj też z pozycjonowaniem elementów sam...

Mi się wydaję ze to nie jest żaden element tylko reklama na hostingu cba.pl bo na tej stronie ona jest
Kshyhoo
14.11.2011, 20:11:59
Ale wielkie bydle ten banner. Spróbuj podmienić klasę panel na:
[CSS] pobierz, plaintext 
  1. .panel {
  2. 	position: relative;
  3. 	top: -150px;
  4. 	left: 705px;
  5. 	width: 258px;
  6. 	height: 98px;
  7. 	padding: 10px;
  8. 	color: #fff;
  9. 	padding: 2px;
  10. 	text-decoration: none;
  11. }
[CSS] pobierz, plaintext
Diego12
14.11.2011, 20:52:28
Teraz wydaję się być wszystko ok , tylko wiesz co się stało banner odskoczył od paska poziomego nawigacji . Popatrz na www. co się z tym stało ?
Kshyhoo
14.11.2011, 21:55:33
Zobacz tak:
Zmień w styles.css:
[CSS] pobierz, plaintext 
  1. #main {
  2. 	width: 1000px;
  3. 	position: relative;
  4. }
  5. .panel {
  6. 	position: absolute;
  7. 	top: 88px;
  8. 	left: 785px;
  9. 	width: 258px;
  10. 	height: 98px;
  11. 	padding: 10px;
  12. 	color: #fff;
  13. 	padding: 2px;
  14. 	text-decoration: none;
  15. }
[CSS] pobierz, plaintext

W theme.php zmień funkcję render_page:
[PHP] pobierz, plaintext 
  1. function render_page($license=false) {
  2.  
  3. 	global $settings, $user_data, $aidlink;
  4.  
  5. 	echo "<table align='center' cellspacing='0' cellpadding='0' id='main'>
  6.     <tr>
  7.       <td>
  8. ";
  9.  
  10. /* /////////////////////////////////////////////////////// */
  11. echo "<div class='panel'>";
  12.  
  13. if (iMEMBER) {
  14. 	if ($user_data['user_avatar'] != '') {
  15. 	echo "<a href='profile.php?lookup=".$user_data['user_id']."'><img src='".IMAGES."avatars/".$user_data['user_avatar']."' alt='".$user_data['user_name']."' align='left' style='border:0px;margin-top:3px;margin-right:5px'></a>";
  16.   } else {
  17.     echo "<center>";
  18.     echo "<img align='left' src='".IMAGES."/avatars/noavatar100.png' width='100' hight='100' style='margin-right:2px'>";
  19.     echo "</center>";
  20.   }
  21.  
  22.   $msg_count = dbcount("(message_id)", DB_MESSAGES, "message_to='".$user_data['user_id']."' AND message_read='0' AND message_folder='0'");
  23.  
  24. /* Edytuj profil */
  25. 	echo THEME_BULLET." <a href='".BASEDIR."edit_profile.php' style='color: #fff;text-decoration: none;'>Edytuj Profil</a><br />\n";
  26. 	/* Prywatne wiadomości */
  27. 	echo THEME_BULLET." <a href='".BASEDIR."messages.php' style='color: #fff;text-decoration: none;'>Wiadomości</a><br />\n";
  28. 	/* Lista użytkowników */
  29. 	echo THEME_BULLET." <a href='".BASEDIR."members.php' style='color: #fff;text-decoration: none;'>Lista user&#243w</a><br />\n";
  30.  
  31.  
  32.   if ($msg_count) echo "&nbsp;[".sprintf('%u' , $msg_count)."]</a><br />\n";
  33.   else echo "</a><br />";
  34.  
  35. 	if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
  36. 		/* Panel administratora */
  37. 		echo THEME_BULLET." <a href='".ADMIN."index.php".$aidlink."' style='color: #fff;text-decoration: none;'>Panel Administratora</a><br />\n";
  38.  
  39.   } else {
  40.  
  41.     echo"<br /><br /><center><a href='".BASEDIR."setuser.php?logout=yes' class='side'><font color=white>[  Wyloguj ]</a></center>";
  42.  
  43.   }
  44.  
  45. } else {
  46.  
  47.   echo "<div align='center'>".(isset($loginerror) ? $loginerror : "")."
  48.  
  49.     <form name='loginform' method='post' action='".FUSION_SELF."'>
  50.  
  51.       <input type='text' name='user_name' class='panellogowania_texbox' value='Login' onBlur=\"if(this.value=='') this.value='Login';\" onFocus=\"if(this.value=='Login') this.value='';\" >
  52.  
  53. 			<input type='password' name='user_pass' class='panellogowania_texbox' value='has�o' onBlur=\"if(this.value=='') this.value='has�o';\" onFocus=\"if(this.value=='has�o') this.value='';\" ><br>
  54.  
  55. 			<input type='checkbox' title='Pamiętaj' value='y' name='remember_me'>
  56.  
  57.       <input type='submit' name='login' value=' ' class='login1'>
  58.  
  59.       <a href='".BASEDIR."register.php' class='side'><input type='button' name='register' value=' ' class='register1'></a>
  60.  
  61.     </form><br />\n";
  62.  
  63.   if ($settings['enable_registration']) {
  64.  
  65.     echo "<a href='".BASEDIR."register.php' class='side'>Rejestracja</a>   |   \n";
  66.  
  67.   }
  68.  
  69.   echo "<a href='".BASEDIR."lostpassword.php' class='side'><font color=white>*Zgubione hasło</a></div>\n";
  70.  
  71. }
  72. echo "</div>\n";
  73.  
  74. /* /////////////////////////////////////////////////////// */
  75.  
  76. 						echo"
  77.         <table cellpadding='0' cellspacing='0' width='100%'>
  78.           <tr>
  79.             <td class='full-header'>
  80.  
  81.               <table cellpadding='0' cellspacing='0' width='100%'>
  82.                 <tr>
  83.                   <td>".showbanners()."</td>
  84.                 </tr>
  85.               </table>
  86.  
  87. 						</td>
  88. 					</tr>
  89. 				</table>";
  90.  
  91. echo"
  92. 				<table cellpadding='0' cellspacing='0' width='100%'>
  93. 					<tr>
  94. 						<td class='white-header'>".showsublinks("  ", "white")."</td>
  95. 						<td align='right' class='white-header'>".showsubdate()."</td>
  96. 					</tr>
  97. 				</table>
  98.  
  99. 				<table bgcolor='#3F3F3F' width='1090' height='60' cellspacing='0' cellpadding='0' border='0' align='center'>
  100. 					<tbody>
  101. 					<tr align='center'>
  102. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/Belgia.png'></td>
  103. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/Monako.png'></td>
  104. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/singapur.png'></td>
  105. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/wlochy.png'></td>
  106. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/kanada.png'></td>
  107. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/hiszpania.png'></td>
  108. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/japonia.png'></td>
  109. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/Indie.png'></td>
  110. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/australia.png'></td>
  111. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/wlk brytania.png'></td>
  112. 						<td><img width='40' height='40' border='0' src='".THEME."images/Flagi/europa.png'></td>
  113. 					</tr>
  114. 					</tbody>
  115. 				</table>
  116. 				<table cellpadding='0' cellspacing='0' width='100%'>
  117. 					<tr>";
  118. 		        if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
  119. 						echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
  120. 						if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
  121. 					echo "</tr>
  122. 				</table><br />
  123.  
  124. 				<table cellpadding='0' cellspacing='0' width='100%'>
  125. 					<tr>
  126. 						<td class='footer'>".stripslashes($settings['footer'])."<br />";
  127. 							if ($license == false) {
  128. 								echo showcopyright();
  129. 							}
  130. 							echo showcounter();
  131. 						echo "</td>
  132. 					</tr>
  133. 				</table><br />
  134.  
  135. 			</td>
  136.     </tr>
  137. 	</table>\n";
  138.  
  139. }
[PHP] pobierz, plaintext
Diego12
14.11.2011, 22:12:34
Dalej to samo
Kshyhoo
14.11.2011, 22:42:08
Dodaj w stylach:
[CSS] pobierz, plaintext 
  1. .clear {
  2. 	clear: both;
  3. }
[CSS] pobierz, plaintext

Zmień main na:
[CSS] pobierz, plaintext 
  1. #main {
  2. 	width: 1000px;
  3. }
[CSS] pobierz, plaintext

i na początku thema:
[PHP] pobierz, plaintext 
  1. <?php
  2. if (!defined("IN_FUSION")) { die("Access Denied"); }
  3. // theme settings
  4. define("THEME_BULLET", "<img src='".THEME."images/bullet.gif' class='bullet' alt='&raquo;' border='0' />");
  5. require_once INCLUDES."theme_functions_include.php";
  6.  
  7. function render_page($license=false) {
  8.  
  9. 	global $settings, $user_data, $aidlink;
  10.  
  11. 	echo "<div class='clear'></div>
  12. 	<table align='center' cellspacing='0' cellpadding='0' id='main'>
  13.     <tr>
  14.       <td>
[PHP] pobierz, plaintext
Diego12
14.11.2011, 23:05:35
No i nic sad.gif znowu ten panel jest za tą reklamą
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.