Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] Problem z tworzącym się przyciskiem
5en5i
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 19.01.2012

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

Witam,

edytuję pod swoje zastosowania szablon. Wszystkie podstrony są w jednym pliku index.html . Nie bardzo wiem jak to jest zrobione, zawsze robiłem strony na osobnych "indexach".

Ale do rzeczy : mamy tam 5 podstron. Gdy w kodzie skopiuję jedną z nich, zmienię nazwę i ustawie aby się wyświetlała - wyświetla się.
Pytanie - jak zrobić aby nadal się wyświetlała ale żeby nie tworzył się przycisk w menu ?

css

[PHP] pobierz, plaintext 
  1. body {
  2. 	margin: 0;
  3. 	padding: 0;
  4. 	line-height: 1.5em;
  5. 	font-family: Arial, Helvetica, sans-serif;
  6. 	font-size: 12px;
  7. 	color: #dfdcd8;
  8. 	background: #1e1409 url(images/templatemo_body_top.jpg) repeat-x top;
  9. }
  10.  
  11. a:link, a:visited { color: #ffffff; text-decoration: underline; font-weight: normal; } 
  12. a:active, a:hover { color: #FFFF66; text-decoration: none; }
  13.  
  14. p { margin: 0px; padding: 0px; }
  15.  
  16. img { margin: 0px; padding: 0px; border: none; }
  17.  
  18. .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
  19.  
  20. .cleaner_h10 { clear: both; width:100%; height: 10px; }
  21. .cleaner_h20 { clear: both; width:100%; height: 20px; }
  22. .cleaner_h30 { clear: both; width:100%; height: 30px; }
  23. .cleaner_h40 { clear: both; width:100%; height: 40px; }
  24. .cleaner_h50 { clear: both; width:100%; height: 50px; }
  25. .cleaner_h60 { clear: both; width:100%; height: 60px; }
  26.  
  27. .horizontal_divider {
  28. 	height: 15px;
  29.     background: url(images/templatmeo_content_divider_01.png) no-repeat bottom center;
  30. }
  31.  
  32. .fl { float: left; }
  33. .fr { float: right; }
  34.  
  35. .margin_r50 { margin-right: 50px; }
  36.  
  37. .button_01 a {
  38. 	display: block;
  39. 	width: 81px;
  40. 	height: 23px;
  41. 	padding: 5px 0 0 0;
  42.     background: url(images/templatemo_button.png) no-repeat;
  43. 	text-align: center;
  44. 	color: #d1c2ac;
  45. 	font-size: 13px;
  46. 	font-weight: bold;
  47. 	text-decoration: none;
  48. }
  49.  
  50. .button_01 a:hover {
  51. 	background: url(images/templatemo_button_hover.png) no-repeat;
  52. }
  53.  
  54. h1 {
  55. 	margin: 0px;
  56. 	padding: 0px;;
  57. 	font-size: 30px;
  58. 	font-weight: bold;
  59. 	color: #ffffff;
  60. }
  61.  
  62. h2 {
  63. 	font-family: Georgia, "Times New Roman", Times, serif;
  64. 	margin: 0 0 20px 0;
  65. 	padding: 3px 0;
  66. 	font-size: 28px;
  67. 	font-weight: normal;
  68. 	color: #ffffff;
  69. }
  70.  
  71. h3 {
  72. 	font-family: Georgia, "Times New Roman", Times, serif;
  73. 	margin: 0 0 5px 0;
  74. 	padding: 5px 0;
  75. 	font-size: 16px;
  76. 	font-weight: bold;
  77. 	font-weight: bold;
  78. 	color: #ffffff;
  79. }
  80.  
  81.  
  82. .image_wrapper {
  83. 	border: 1px solid #000;
  84. 	padding: 5px;
  85. 	margin-top: 3px;
  86. 	margin-bottom: 5px;
  87. 	background: #333;
  88. }
  89.  
  90. .fl_image {
  91. 	float: left;
  92. 	margin-right: 15px 
  93. }
  94.  
  95. .fr_image {
  96. 	float: right;
  97. 	margin-left: 15px 
  98. }
  99.  
  100. .image_wrapper img {
  101. 	border: 1px solid #000000;
  102. }
  103.  
  104. /* site title bar */
  105.  
  106. /* site title */
  107.  
  108. #templatemo_site_title_bar_wrapper {
  109. 	position: relative;
  110. 	width: 100%;
  111. 	height: 120px;
  112. 	margin: 0 auto;	
  113. 	background:  url(images/templatemo_header_bg.jpg) center top no-repeat;
  114. }
  115.  
  116. #templatemo_site_title_bar {
  117. 	width:  780px;
  118. 	height: 120px;
  119. 	margin: 0 auto;
  120. 	padding: 0 20px;
  121. 	background:  url(images/templatemo_header_bg.jpg) center top no-repeat;	
  122. }
  123.  
  124. #templatemo_site_title_bar  #site_title {
  125. 	float: left;
  126. 	padding: 5px 0;
  127. 	margin: 20px 0 0 0;
  128. 	background: url(images/templatemo_site_title_bg.jpg) top left no-repeat;
  129. }
  130.  
  131.  
  132. }
  133.  
  134. #site_title h1 a {
  135. 	margin: 0px;
  136. 	padding: 0px;
  137. 	font-size: 24px;
  138. 	color: #FFFFFF;
  139. 	font-weight: bold;
  140. 	text-decoration: none;
  141. }
  142.  
  143. #site_title h1 a:hover {
  144. 	font-weight: bold;	
  145. 	text-decoration: none;
  146. }
  147.  
  148. #site_title h1 a span {
  149. 	display: block;
  150. 	padding-left: 20px;
  151. 	margin-top: 5px;
  152. 	font-size: 14px;
  153. 	color: #ffffff;
  154. 	letter-spacing: 4px;
  155. 	font-weight: normal;
  156. }
  157.  
  158. #site_title h1 a:hover span {
  159. 	font-weight: normal;
  160. }
  161.  
  162. #templatemo_site_title_bar #facebook a {
  163. 	margin-top: 30px;
  164. 	float: right;
  165. 	display: block;
  166. 	width: 24px;
  167. 	height: 24px;
  168. 	background: url(images/facebook.png) no-repeat;
  169. }
  170. #templatemo_site_title_bar #twitter a {
  171. 	margin-top: 30px;
  172. 	float: right;
  173. 	display: block;
  174. 	width: 24px;
  175. 	height: 24px;
  176. 	background: url(images/twitter.png) no-repeat;
  177. }
  178. #templatemo_site_title_bar #google a {
  179. 	margin-top: 30px;
  180. 	float: right;
  181. 	display: block;
  182. 	width: 24px;
  183. 	height: 24px;
  184. 	background: url(images/google.png) no-repeat;
  185. }
  186.  
  187. /* end of site title bar */
  188.  
  189. /* content */
  190.  
  191. #templatemo_content_wrapper {
  192. 	clear:both;
  193. 	width: 100%;
  194. 	height: 555px;
  195. 	margin: 0 auto;	
  196. 	background:  url(images/templatemo_content_bg.jpg) top center no-repeat;
  197. }
  198.  
  199. #templatemo_content {
  200. 	width:  800px;
  201. 	height: 555px;
  202. 	margin: 0 auto;
  203. 	padding: 0 10px;
  204. 	background: url(images/templatemo_content_bg.jpg) top center no-repeat;	
  205. }
  206.  
  207. .section_w320 {
  208. 	width: 320px;
  209. }
  210.  
  211. .section_w320 .w320_content {
  212. 	float: right;
  213. 	width: 180px;
  214. }
  215.  
  216. #templatemo_content p {
  217. 	margin-bottom: 10px;
  218. }
  219.  
  220. .service_list {
  221. 	margin: 0 0 20px 0;
  222. 	padding: 0px;
  223. 	list-style: decimal;
  224. }
  225.  
  226. .service_list li {
  227. 	margin: 0px;
  228. 	padding: 5px 0;
  229. }
  230.  
  231. .portfolio_box {
  232. 	float: left;
  233. 	width: 200px;
  234. 	margin-bottom: 20px;
  235. }
  236.  
  237. .port_img {
  238. 	width: 182px;
  239. 	margin: 0 0 10px 0;
  240. 	border: 1px solid #000;
  241. }
  242.  
  243. .port_img img {
  244. 	border: 1px solid #666;
  245. }
  246.  
  247. .port_content {
  248. 	clear: both;
  249. 	width: 200px;
  250. }
  251.  
  252. .portfolio_box .port_content p {
  253. 	margin-bottom: 0;
  254. 	padding-bottom: 0px;
  255. }
  256.  
  257. #contact_form {
  258. 	float: left;
  259. 	width: 400px;
  260. 	padding: 20px 0 0 0;
  261. }
  262.  
  263. #contact_form form {
  264. 	margin: 0px;
  265. 	padding: 0px;
  266. 	/*border:1px solid #e2d1be;
  267. 	padding: 20px 20px 10px 20px; */
  268. }
  269.  
  270. #contact_form form .input_field {
  271. 	height: 18px;
  272. 	width: 230px;
  273. }
  274.  
  275. #contact_form form label {
  276. 	float: left;	
  277. 	display: inline-block;
  278. 	width: 100px;
  279. 	text-align: right;
  280. 	margin-right: 10px;
  281. 	font-size: 14px;	
  282. }
  283.  
  284. #contact_form form textarea {
  285. 	width: 230px;
  286. 	height: 100px;
  287. }
  288.  
  289. #contact_form form .submit_btn {
  290. 	margin-left: 108px;
  291. }
  292.  
  293. .em_text {
  294. 	color: #ffffff;
  295. }
  296.  
  297. .address_info {
  298. 	float: right;
  299. 	padding: 10px 0 0 0;
  300. 	width: 300px;
  301. 	font-size: 14px;
  302. 	line-height: 30px;
  303. }
  304.  
  305. .address_info h3 {
  306. 	border-bottom: 1px solid #ffffff;
  307. }
  308.  
  309.  
  310. /* end of content */
  311.  
  312. /* content */
  313.  
  314. #templatemo_footer_wrapper {
  315. 	clear: both;
  316. 	width: 100%;
  317. 	height: 350px;
  318. 	margin: 0 auto;	
  319. 	background: url(images/templatemo_footer_bg.jpg) top center no-repeat;
  320. }
  321.  
  322. #templatemo_footer {
  323. 	width:  800px;
  324. 	height: 320px;
  325. 	margin: 0 auto;
  326. 	padding: 15px 10px;
  327. 	color: #ece9e6;
  328. 	text-align: center;
  329. 	background: url(images/templatemo_footer_bg.jpg) top center no-repeat;
  330. }
  331.  
  332. #templatemo_footer a {
  333. 	font-weight: bold;
  334. 	color: #ffffff;
  335. 	text-decoration: none;
  336. }
  337.  
  338. /* end of content */
  339.  
  340.  
  341. 	.stripViewer .panelContainer .panel ul {
  342. 		text-align: left;
  343. 		margin: 0 15px 0 30px;
  344. 		padding: 0;
  345. 	}
  346.  
  347. 	.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
  348. 		margin: 0;
  349. 		position: relative;
  350. 		width: 700px;
  351. 	}
  352.  
  353. 	/* These 2 lines specify style applied while slider is loading */
  354. 	.csw {width: 100%; height: 550px; background: none; overflow: hidden;}
  355. 	.csw .loading { margin: 200px 0 0 0; text-align: center; width: 800px; height: 500px;}
  356.  
  357. 	.stripViewer { /* This is the viewing window */
  358. 		position: relative;
  359. 		overflow: hidden; 
  360. 		margin: auto;
  361. 		width: 800px; /* Also specified in  .stripViewer .panelContainer .panel  below */
  362. 		height: 460px;
  363. 		clear: both;
  364. 	}
  365.  
  366. 	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
  367. 		position: relative;
  368. 		left: 0; top: 0;
  369. 		width: 100%;
  370. 		list-style-type: none;
  371. 		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
  372. 	}
  373.  
  374. 	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
  375. 		float:left;
  376. 		height: 100%;
  377. 		position: relative;
  378. 		width: 800px; /* Also specified in  .stripViewer  above */
  379. 	}
  380.  
  381. 	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
  382. 		overflow: hidden;
  383. 		padding: 10px 40px 20px 40px;
  384. 		height: 425px;
  385. 	}
  386.  
  387. 	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
  388. 			float: left;
  389. 			display: block;
  390. 			width: 762px;
  391. 			height: 53px;
  392. 			margin: 20px 19px; 
  393. 		}
  394.  
  395. 		.stripNav ul { /* The auto-generated set of links */
  396. 			margin: 0;
  397. 			padding: 0;
  398. 			height: 53px;
  399. 			width: 762px;
  400. 			list-style: none;
  401. 			background: url(images/templatemo_menu.png) no-repeat;
  402. 		}
  403.  
  404. 		.stripNav ul li {
  405. 			float: left;
  406. 			margin-right: 10px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
  407. 			background: url(images/templatemo_menu_divider.png) top right no-repeat;
  408. 		}
  409.  
  410. 		.stripNav a {
  411. 			font-size: 14px;
  412. 			font-weight: bold;
  413. 			text-align: center;
  414. 			background: #c6e3ff;
  415. 			color: #beb09a;
  416. 			padding: 10px 0 0 0;
  417. 			text-decoration: none;
  418. 			display: block;
  419. 			height: 42px;
  420. 			width: 120px;
  421. 			outline: none;
  422. 		}
  423.  
  424. 	.stripNav li a { background: none; }
  425. 	/*
  426. 	.stripNav li.tab2 a { background: #60c }
  427. 	.stripNav li.tab3 a { background: #63f }
  428. 	.stripNav li.tab4 a { background: #63c }
  429. 	.stripNav li.tab5 a { background: #00e } */
  430.  
  431. 	.stripNav li a:hover  {
  432. 		color: #ffffff;
  433. 		background: url(images/templatemo_menu_hover.png) bottom center no-repeat;
  434. 	}
  435.  
  436. 	.stripNav li a.current {
  437. 		color: #ffffff;
  438. 		background: url(images/templatemo_menu_hover.png) bottom center no-repeat;
  439. 	}
  440.  
  441. 	.stripNavL, .stripNavR { /* The left and right arrows */
  442. 		position: absolute;
  443. 		top: 230px;
  444. 		text-indent: -9000em;
  445. 	}
  446.  
  447. 	.stripNavL a, .stripNavR a {
  448. 		display: block;
  449. 		height: 0px;
  450. 		width: 0px;
  451. 	}
  452.  
  453. 	.stripNavL {
  454. 		left: 0;
  455. 	}
  456.  
  457. 	.stripNavR {
  458. 		right: 0;
  459. 	}
  460.  
  461. 	.stripNavL {
  462. 		background: url("images/arrow-left.gif") no-repeat center;
  463. 	}
  464.  
  465. 	.stripNavR {
  466. 		background: url("images/arrow-right.gif") no-repeat center;
  467. 	}
[PHP] pobierz, plaintext


Proszę o pomoc.

kawałek kodu odpowiadający za wyświetlanie podstrony :

[PHP] pobierz, plaintext 
  1. <div class="slider-wrap">
  2. 	<div id="slider1" class="csw">
  3. 		<div class="panelContainer">
  4.  
  5. 			<div class="panel" title="Firma">
  6. 				<div class="wrapper">
  7.  
  8.  
  9.  
  10. 					<div class="image_wrapper fl_image">
  11. 	                    <img src="images/templatemo_image_01.jpg" alt="image"/>
  12.                     </div>
  13.  
  14.                     <p class="em_text">This Free CSS Template is provided by <a href="http://www.templatemo.com" target="_parent">TemplateMo.com.</a> You may use this template in your websites. Credit goes to <a href="http://www.ndoherty.com" target="_blank">Niall Doherty</a> for Coda-Slider.</p>
  15.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer enim metus, convallis id semper vel, posuere ac dui. Integer vestibulum, elit non lobortis sodales, dui nibh imperdiet turpis, id lobortis enim turpis eget ante. Donec non magna nunc. Donec ultricies fermentum sapien in facilisis.</p>
  16.  
  17. 					<div class="cleaner_h40"></div>                    
  18.  
  19.                     <div class="section_w320 fl">
  20. 	                    <img class="fl" src="images/portfolio.png" alt="portfolio" />
  21.                         <div class="w320_content">
  22.                             <h3>Services</h3>
  23.                             <p>Donec ultricies fermentum sapien in facilisis.</p>
  24.     	                    <div class="cleaner"></div>
  25. 	                        <div class="button_01"><a href="#2" class="cross-link">Details</a></div>
  26.         				</div>
  27.  
  28.                    	</div>
  29.  
  30.                     <div class="section_w320 fr">
  31. 	                    <img class="fl" src="images/aboutme.png" alt="portfolio" />
  32.                         <div class="w320_content">
  33.                             <h3>Portfolio</h3>
  34.                             <p>Integer egestas nibh eget neque ornare tempor.</p>
  35.     	                    <div class="cleaner"></div>
  36. 	                        <div class="button_01"><a href="#3" class="cross-link" >View All</a></div>
  37.         				</div>
  38.  
  39.                    	</div>
  40.  
  41.                     <div class="cleaner_h20"></div>
  42.  
  43.  
  44. 					<p><a href="#5" class="cross-link" title="Go to Page 5">Ť Previous</a> | <a href="#2" class="cross-link" title="Go to Page 2">Next ť</a></p>
  45. 				</div>
  46. 			</div>
[PHP] pobierz, plaintext

Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 8)
zdemotywowany
post
Post #2





Grupa: Zarejestrowani
Postów: 74
Pomógł: 3
Dołączył: 15.01.2012

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

Aleś to wytłumaczył. Ja np. zrozumiałem nic.
Go to the top of the page
+Quote Post
5en5i
post
Post #3





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 19.01.2012

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

Ok, na górze strony mamy menu i w nim 5 przycisków oraz 5 podstron odpowiadających tym przyciskom.

Gdy skopiuje w kodzie html jedną z podstron , zmienię jej nazwę to tworzy mi się także 6 pozycja w menu. Chciałbym aby podstrona była ale bez pozycji w menu.

Ten post edytował 5en5i 19.01.2012, 16:54:49
Go to the top of the page
+Quote Post
zdemotywowany
post
Post #4





Grupa: Zarejestrowani
Postów: 74
Pomógł: 3
Dołączył: 15.01.2012

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

I nie ma tam żadnej sekcji menu albo kodu JS?
Go to the top of the page
+Quote Post
5en5i
post
Post #5





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 19.01.2012

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

Na 100 % działanie tej procedury sprawuje ten plik :
[PHP] pobierz, plaintext 
  1. /*
  2. 	jQuery Coda-Slider v1.1 - <a href="http://www.ndoherty.com/coda-slider" target="_blank">http://www.ndoherty.com/coda-slider</a>
  3.  
  4. 	Copyright (c) 2007 Niall Doherty
  5.  
  6. 	Inspired by the clever folks at <a href="http://www.panic.com/coda" target="_blank">http://www.panic.com/coda</a>
  7. 	Many thanks to Gian Carlo Mingati. Coda-Slider is a heavily modified version of his slideViewer, which can be found at  <a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html" target="_blank">http://www.gcmingati.net/wordpress/wp-cont...ide-plugin.html</a>
  8.  
  9. 	Requirements:
  10. 	-  jQuery 1.2 ... available via  <a href="http://www.jquery.com" target="_blank">http://www.jquery.com</a>
  11. 	-  jQuery easing plugin (1.2) ... available via  <a href="http://gsgd.co.uk/sandbox/jquery/easing/" target="_blank">http://gsgd.co.uk/sandbox/jquery/easing/</a>
  12. 	- jQuery easing compatability plugin ... available via  <a href="http://gsgd.co.uk/sandbox/jquery/easing/" target="_blank">http://gsgd.co.uk/sandbox/jquery/easing/</a>
  13. 	- CSS included in index.html
  14. */
  15.  
  16. jQuery(function(){
  17. 	jQuery("div.csw").prepend("<p class='loading'>Loading...<br /><img src='images/ajax-loader.gif' alt='loading...'/ ></p>");
  18. });
  19. var j = 0;
  20. jQuery.fn.codaSlider = function(settings) {
  21. 	 settings = jQuery.extend({
  22.      easeFunc: "expoinout",
  23.      easeTime: 750,
  24.      toolTip: false
  25.   }, settings);
  26. 	return this.each(function(){
  27. 		var container = jQuery(this);
  28. 		// Remove the preloader gif...
  29. 		container.find("p.loading").remove();
  30. 		// Self-explanatory...
  31. 		container.removeClass("csw").addClass("stripViewer");
  32. 		// Get the width of a panel, set from CSS...
  33. 		var panelWidth = container.find("div.panel").width();
  34. 		// panelCount gives us a count of the panels in the container...
  35. 		var panelCount = container.find("div.panel").size();
  36. 		// Calculate the width of all the panels when lined up end-to-end...
  37. 		var stripViewerWidth = panelWidth*panelCount;
  38. 		// Use the above width to specify the CSS width for the panelContainer element...
  39. 		container.find("div.panelContainer").css("width" , stripViewerWidth);
  40. 		// Set the navWidth as a multiple of panelCount to account for margin-right on each li
  41. 		var navWidth = panelCount*2;
  42.  
  43. 		// Specify the current panel.
  44. 		// If the loaded URL has a hash (cross-linking), we're going to use that hash to give the slider a specific starting position...
  45. 		if (location.hash && parseInt(location.hash.slice(1)) <= panelCount) {
  46. 			var cPanel = parseInt(location.hash.slice(1));
  47. 			var cnt = - (panelWidth*(cPanel - 1));
  48. 			jQuery(this).find("div.panelContainer").css({ left: cnt });
  49. 		// Otherwise, we'll just set the current panel to 1...
  50. 		} else { 
  51. 			var cPanel = 1;
  52. 		};
  53.  
  54. 		// Create appropriate nav
  55. 		container.each(function(i) {
  56.  
  57. 			// Create the Left and Right arrows
  58. 			jQuery(this).before("<div class='stripNavL' id='stripNavL" + j + "'><a href='#'>Left</a><\/div>");
  59. 			jQuery(this).after("<div class='stripNavR' id='stripNavR" + j + "'><a href='#'>Right</a><\/div>");
  60.  
  61. 			// Create the Tabs
  62. 			jQuery(this).before("<div class='stripNav' id='stripNav" + j + "'><ul><\/ul><\/div>");
  63. 			jQuery(this).find("div.panel").each(function(n) {
  64. 						jQuery("div#stripNav" + j + " ul").append("<li class='tab" + (n+1) + "'><a href='#" + (n+1) + "'>" + jQuery(this).attr("title") + "<\/a><\/li>");												
  65. 			});
  66.  
  67. 			// Tab nav
  68. 			jQuery("div#stripNav" + j + " a").each(function(z) {
  69. 				// Figure out the navWidth by adding up the width of each li
  70. 				navWidth += jQuery(this).parent().width();
  71. 				// What happens when a nav link is clicked
  72. 				jQuery(this).bind("click", function() {
  73. 					jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
  74. 					var cnt = - (panelWidth*z);
  75. 					cPanel = z + 1;
  76. 					jQuery(this).parent().parent().parent().next().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
  77. 				});
  78. 			});
  79.  
  80. 			// Left nav
  81. 			jQuery("div#stripNavL" + j + " a").click(function(){
  82. 				if (cPanel == 1) {
  83. 					var cnt = - (panelWidth*(panelCount - 1));
  84. 					cPanel = panelCount;
  85. 					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().parent().find("li:last a").addClass("current");
  86. 				} else {
  87. 					cPanel -= 1;
  88. 					var cnt = - (panelWidth*(cPanel - 1));
  89. 					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().prev().find("a").addClass("current");
  90. 				};
  91. 				jQuery(this).parent().parent().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
  92. 				// Change the URL hash (cross-linking)...
  93. 				location.hash = cPanel;
  94. 				return false;
  95. 			});
  96.  
  97. 			// Right nav
  98. 			jQuery("div#stripNavR" + j + " a").click(function(){
  99. 				if (cPanel == panelCount) {
  100. 					var cnt = 0;
  101. 					cPanel = 1;
  102. 					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().parent().find("a:eq(0)").addClass("current");
  103. 				} else {
  104. 					var cnt = - (panelWidth*cPanel);
  105. 					cPanel += 1;
  106. 					jQuery(this).parent().parent().find("div.stripNav a.current").removeClass("current").parent().next().find("a").addClass("current");
  107. 				};
  108. 				jQuery(this).parent().parent().find("div.panelContainer").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
  109. 				// Change the URL hash (cross-linking)...
  110. 				location.hash = cPanel;
  111. 				return false;
  112. 			});
  113.  
  114. 			// Same-page cross-linking
  115. 			jQuery("a.cross-link").click(function(){
  116. 				jQuery(this).parents().find(".stripNav ul li a:eq(" + (parseInt(jQuery(this).attr("href").slice(1)) - 1) + ")").trigger('click');
  117. 			});	
  118.  
  119. 			// Set the width of the nav using the navWidth figure we calculated earlier. This is so the nav can be centred above the slider
  120. 			jQuery("div#stripNav" + j).css("width" , navWidth);
  121.  
  122. 			// Specify which tab is initially set to "current". Depends on if the loaded URL had a hash or not (cross-linking).
  123. 			if (location.hash && parseInt(location.hash.slice(1)) <= panelCount) {
  124. 				jQuery("div#stripNav" + j + " a:eq(" + (location.hash.slice(1) - 1) + ")").addClass("current");
  125. 			} else {
  126. 				jQuery("div#stripNav" + j + " a:eq(0)").addClass("current");
  127. 			}
  128.  
  129. 		});
  130.  
  131. 		j++;
  132.   });
  133. };
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
zdemotywowany
post
Post #6





Grupa: Zarejestrowani
Postów: 74
Pomógł: 3
Dołączył: 15.01.2012

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

Myślę, że odpowiada za to div class="panel" lub "panelContainer", niestety nie znam zbyt dobrze JS. Spróbuj zmienić te divy
Go to the top of the page
+Quote Post
5en5i
post
Post #7





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 19.01.2012

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

Też o nich myślałem tylko zmieniając je lub kasując znika mi całe menu...
Go to the top of the page
+Quote Post
zdemotywowany
post
Post #8





Grupa: Zarejestrowani
Postów: 74
Pomógł: 3
Dołączył: 15.01.2012

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

Na upartego można usunąć tylko w ostatniej sekcji. Ale to raczej nie jest rozwiązanie problemu, to ominięcie go.
Go to the top of the page
+Quote Post
5en5i
post
Post #9





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 19.01.2012

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

Tylko gdy usunę tylko przy dodatkowej podstronie znika z menu ale także nie ma podstrony...
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 13:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn