Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

infinity

Użytkownik
 Pokaż profil  Zobacz aktywność

  • Postów

    61

  • Dołączył

  • Ostatnia wizyta

 Typ zawartości 

Odpowiedzi opublikowane przez infinity

    ROZWIĄZANY: Pomoc z 4 nowymi BB Code

    w Modyfikacje - pomoc

    Opublikowano

    Witam

    Zainstalowałem 4 nowe BB Code (SOS) BB Codes v2.

    Wszystko zrobiłem wedle instrukcji lecz gdy je używam pojawiają mi się niechciane rzeczy ...

    Zaobrazuje na 2 poniższych grafikach co mam na myśli:

    http://dajfoto.pl/images/GpSk8.png

    - tak się dzieje gdy wpisuję [warn]fssdfsdfsdf[/warn] , na końcu jakiś dodatek się robi : /

    http://dajfoto.pl/images/oNPsw.png

    - tak się dzieje gdy w obojętnie jakim miejscu dodam tekst to zawsze te 2 słowa w nawiasach się wyświetlają

    BB Code ogólnie wygląda tak

    [warn={option}]{content}[/warn]

    Będę wdzięczny za pomoc

    Pozdrawiam

    Wstawienie slidera newsów na forum

    w Ogólny support IPB

    Opublikowano

    Wstawilem wszystko w bicie Strona Główna < boardIndexTemplate

    Efekt , wyswietla sie kod wygladu css w postaci normalnej , cyzli tekst tak jakby to bylo zwykly napis kod z tagu <sacript> wogole sie nie wyswietla czyli jest ok , no i kod tresci paneli tak samo zwyczajnie sie wyswietla.

    Wstawione pod <!-- CATS AND FORUMS -->

    Wstawienie slidera newsów na forum

    w Ogólny support IPB

    Opublikowano · Edytowane przez infinity

    Witam :)

    Znowu potrzebuję pewnej porady. Chciałbym na forum wstawic slider newsów , oparty o jquery oraz szablon css.

    Aby slider działał muszę dodac 2 kody , które wstawię poniżej.

    <script type="text/javascript">
	$(window).bind("load", function() {
		$("div#slider1").codaSlider()
		//$("div#slider2").codaSlider()
		// etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.
	});
</script>

    script src="jquery.1.1.4.pack.js" type="text/javascript"></script>
<script src="jquery-easing.1.1.1.pack.js" type="text/javascript"></script>
<script src="coda-slider.1.0.pack.js" type="text/javascript"></script>

<!-- 
The CSS. You can of course have this in an external .css file if you like.
Please note that not all these styles may be necessary for your use of Coda-Slider, so feel free to take out what you don't need.
-->
<style type="text/css">

	* { margin: 0; padding: 0 }
	/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

	p { text-align: left; margin: 15px 0 }

	p, ul { font-size: 13px; line-height: 1.4em } 

	p a, li a { color: #39c; text-decoration: none }

	p.intro { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding: 20px 0 30px 0; text-align: center; width: 100% }

	a:focus { outline:none }

	img { border: 0 }

	h3 { border-bottom: 1px solid silver; margin-bottom: 1px; padding-bottom: 1px; text-align: left }

	body {
		font-family: Verdana, Arial;
		background: #ebebeb url("images/body-bg.png") repeat-y center;
		color: black;
		width: 800px;
		margin: auto;
		text-align: center;
		padding-bottom: 50px;
	}

	.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;
	}

	.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		width: 100%;
		position: relative;
		margin: 20px 0;
	}

	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 50px; height: 20px; background: #fff; overflow: hidden;}

	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		border: 5px solid #39c; /* this is the border. should have the same value for the links */
		margin: auto;
		width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 460px;
		clear: both;
		background: #fff;
	}

	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		-moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */
	}

	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		width: 600px; /* Also specified in  .stripViewer  above */
		height: 100%;
	}

	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 10px;
	}

	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		margin: auto;
	}

	.stripNav ul { /* The auto-generated set of links */
		list-style: none;
	}

	.stripNav ul li {
		float: left;
		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
	}

	.stripNav a { /* The nav links */
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background: #c6e3ff;
		color: #000;
		text-decoration: none;
		display: block;
		padding: 0 15px;
	}

	.stripNav a:hover {
		background: #9cf;
	}

	.stripNav a.current {
		background: #39c;
		color: #fff;
	}

	.stripNavL, .stripNavR { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
	}

	.stripNavL a, .stripNavR a {
		display: block;
		height: 5px;
		width: 5px;
	}

	.stripNavL {
		left: 0;
	}

	.stripNavR {
		right: 0;
	}

	.stripNavL {
		background: url("images/arrow-left.gif") no-repeat center;
	}

	.stripNavR {
		background: url("images/arrow-right.gif") no-repeat center;
	}

</style>

    Oprocz tego wstawiam normalny tekst.

    <div class="slider-wrap">

    <div id="slider1" class="csw">

    <div class="panelContainer">

    <div class="panel" title="Panel 1">

    <div class="wrapper">

    <h3>Panel 1</h3>

    <p>Coda-Slider v1.0 by Niall Doherty.</p>

    <p>For info and usage instructions please see <a href="http://www.ndoherty.com/coda-slider/">ndoherty.com</a></p>

    <p>Sed eu ligula eget eros vulputate tincidunt. Etiam sapien urna, auctor a, viverra sit amet, convallis a, enim. Nullam ut nulla. Nam laoreet massa aliquet tortor. Mauris in quam ut dui bibendum malesuada. Nulla vel erat. Pellentesque metus risus, aliquet eget, eleifend in, ultrices vitae, nisi. Vivamus non nulla. Praesent ac lacus. Donec augue turpis, convallis sed, lacinia et, vestibulum nec, lacus. Suspendisse feugiat semper nunc. Donec nisl elit, varius sed, sodales volutpat, commodo in, elit. Proin ornare hendrerit lectus. Sed non dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis suscipit. Mauris egestas tincidunt lectus. Phasellus sed quam et velit laoreet pretium. Nunc metus.</p>

    <p>Quisque sodales. Nam et metus. Aenean venenatis dapibus justo. Donec pellentesque tincidunt eros. Nullam mattis augue vel mauris. Praesent nec nunc pulvinar risus euismod euismod. Maecenas eu felis non lectus congue porta. Suspendisse potenti. Sed justo dui, bibendum nonummy, condimentum ac, viverra at, felis. In consectetuer pede elementum ligula. Integer vel massa ac tortor condimentum sollicitudin. Sed at orci quis felis tincidunt pharetra. Sed ac ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sapien urna, auctor a, viverra sit amet, convallis a, enim. Nullam ut nulla. Nam laoreet massa aliquet tortor. Mauris in quam ut dui bibendum malesuada. Vivamus porta tortor sed metus. Nam pretium. Sed tempor. Integer ullamcorper, odio quis porttitor sagittis, nisl erat tincidunt massa, eu eleifend eros nibh sollicitudin est.</p>

    </div>

    </div>

    <div class="panel" title="Panel 2">

    <div class="wrapper">

    <h3>Panel 2</h3>

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus porta tortor sed metus. Nam pretium. Sed tempor. Integer ullamcorper, odio quis porttitor sagittis, nisl erat tincidunt massa, eu eleifend eros nibh sollicitudin est. Nulla dignissim. Mauris sollicitudin, arcu id sagittis placerat, tellus mauris egestas felis, eget interdum mi nibh vel lorem. Aliquam egestas hendrerit massa. Suspendisse sed nunc et lacus feugiat hendrerit. Nam cursus euismod augue. Aenean vehicula nisl eu quam luctus adipiscing. Nunc consequat justo pretium orci. Mauris hendrerit fermentum massa. Aenean consectetuer est ut arcu. Aliquam nisl massa, blandit at, accumsan sed, porta vel, metus. Duis fringilla quam ut eros.</p>

    <p>Sed eu ligula eget eros vulputate tincidunt. Etiam sapien urna, auctor a, viverra sit amet, convallis a, enim. Nullam ut nulla. Nam laoreet massa aliquet tortor. Mauris in quam ut dui bibendum malesuada. Nulla vel erat. Pellentesque metus risus, aliquet eget, eleifend in, ultrices vitae, nisi. Vivamus non nulla. Praesent ac lacus. Donec augue turpis, convallis sed, lacinia et, vestibulum nec, lacus. Suspendisse feugiat semper nunc. Donec nisl elit, varius sed, sodales volutpat, commodo in, elit. Proin ornare hendrerit lectus. Sed non dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis suscipit. Mauris egestas tincidunt lectus. Phasellus sed quam et velit laoreet pretium. Nunc metus.</p>

    <p>Sed justo dui, bibendum nonummy, condimentum ac, viverra at, felis. In consectetuer pede elementum ligula. Integer vel massa ac tortor condimentum sollicitudin. Sed at orci quis felis tincidunt pharetra. Sed ac ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

    </div>

    </div>

    <div class="panel" title="Panel 3">

    <div class="wrapper">

    <h3>Panel 3</h3>

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus porta tortor sed metus. Nam pretium. Sed tempor. Integer ullamcorper, odio quis porttitor sagittis, nisl erat tincidunt massa, eu eleifend eros nibh sollicitudin est. Nulla dignissim. Mauris sollicitudin, arcu id sagittis placerat, tellus mauris egestas felis, eget interdum mi nibh vel lorem. Aliquam egestas hendrerit massa. Suspendisse sed nunc et lacus feugiat hendrerit. Nam cursus euismod augue. Aenean vehicula nisl eu quam luctus adipiscing. Nunc consequat justo pretium orci. Mauris hendrerit fermentum massa. Aenean consectetuer est ut arcu. Aliquam nisl massa, blandit at, accumsan sed, porta vel, metus. Duis fringilla quam ut eros.</p>

    <p>Sed eu ligula eget eros vulputate tincidunt. Etiam sapien urna, auctor a, viverra sit amet, convallis a, enim. Nullam ut nulla. Nam laoreet massa aliquet tortor. Mauris in quam ut dui bibendum malesuada. Nulla vel erat. Pellentesque metus risus, aliquet eget, eleifend in, ultrices vitae, nisi. Vivamus non nulla. Praesent ac lacus. Donec augue turpis, convallis sed, lacinia et, vestibulum nec, lacus. Suspendisse feugiat semper nunc. Donec nisl elit, varius sed, sodales volutpat, commodo in, elit. Proin ornare hendrerit lectus. Sed non dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis suscipit. Mauris egestas tincidunt lectus. Phasellus sed quam et velit laoreet pretium. Nunc metus.</p>

    <p>Sed justo dui, bibendum nonummy, condimentum ac, viverra at, felis. In consectetuer pede elementum ligula. Integer vel massa ac tortor condimentum sollicitudin. Sed at orci quis felis tincidunt pharetra. Sed ac ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

    </div>

    </div>

    <div class="panel" title="Panel 4">

    <div class="wrapper">

    <h3>Panel 4</h3>

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus porta tortor sed metus. Nam pretium. Sed tempor. Integer ullamcorper, odio quis porttitor sagittis, nisl erat tincidunt massa, eu eleifend eros nibh sollicitudin est. Nulla dignissim. Mauris sollicitudin, arcu id sagittis placerat, tellus mauris egestas felis, eget interdum mi nibh vel lorem. Aliquam egestas hendrerit massa. Suspendisse sed nunc et lacus feugiat hendrerit. Nam cursus euismod augue. Aenean vehicula nisl eu quam luctus adipiscing. Nunc consequat justo pretium orci. Mauris hendrerit fermentum massa. Aenean consectetuer est ut arcu. Aliquam nisl massa, blandit at, accumsan sed, porta vel, metus. Duis fringilla quam ut eros.</p>

    <p>Sed eu ligula eget eros vulputate tincidunt. Etiam sapien urna, auctor a, viverra sit amet, convallis a, enim. Nullam ut nulla. Nam laoreet massa aliquet tortor. Mauris in quam ut dui bibendum malesuada. Nulla vel erat. Pellentesque metus risus, aliquet eget, eleifend in, ultrices vitae, nisi. Vivamus non nulla. Praesent ac lacus. Donec augue turpis, convallis sed, lacinia et, vestibulum nec, lacus. Suspendisse feugiat semper nunc. Donec nisl elit, varius sed, sodales volutpat, commodo in, elit. Proin ornare hendrerit lectus. Sed non dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis suscipit. Mauris egestas tincidunt lectus. Phasellus sed quam et velit laoreet pretium. Nunc metus.</p>

    <p>Sed justo dui, bibendum nonummy, condimentum ac, viverra at, felis. In consectetuer pede elementum ligula. Integer vel massa ac tortor condimentum sollicitudin. Sed at orci quis felis tincidunt pharetra. Sed ac ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

    </div>

    </div>

    <div class="panel" title="Panel 5">

    <div class="wrapper">

    <h3>Panel 5</h3>

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus porta tortor sed metus. Nam pretium. Sed tempor. Integer ullamcorper, odio quis porttitor sagittis, nisl erat tincidunt massa, eu eleifend eros nibh sollicitudin est. Nulla dignissim. Mauris sollicitudin, arcu id sagittis placerat, tellus mauris egestas felis, eget interdum mi nibh vel lorem. Aliquam egestas hendrerit massa. Suspendisse sed nunc et lacus feugiat hendrerit. Nam cursus euismod augue. Aenean vehicula nisl eu quam luctus adipiscing. Nunc consequat justo pretium orci. Mauris hendrerit fermentum massa. Aenean consectetuer est ut arcu. Aliquam nisl massa, blandit at, accumsan sed, porta vel, metus. Duis fringilla quam ut eros.</p>

    <p>Sed eu ligula eget eros vulputate tincidunt. Etiam sapien urna, auctor a, viverra sit amet, convallis a, enim. Nullam ut nulla. Nam laoreet massa aliquet tortor. Mauris in quam ut dui bibendum malesuada. Nulla vel erat. Pellentesque metus risus, aliquet eget, eleifend in, ultrices vitae, nisi. Vivamus non nulla. Praesent ac lacus. Donec augue turpis, convallis sed, lacinia et, vestibulum nec, lacus. Suspendisse feugiat semper nunc. Donec nisl elit, varius sed, sodales volutpat, commodo in, elit. Proin ornare hendrerit lectus. Sed non dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis suscipit. Mauris egestas tincidunt lectus. Phasellus sed quam et velit laoreet pretium. Nunc metus.</p>

    <p>Sed justo dui, bibendum nonummy, condimentum ac, viverra at, felis. In consectetuer pede elementum ligula. Integer vel massa ac tortor condimentum sollicitudin. Sed at orci quis felis tincidunt pharetra. Sed ac ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

    </div>

    </div>

    </div><!-- .panelContainer -->

    </div><!-- #slider1 -->

    </div><!-- .slider-wrap -->

    Teraz moje pytanie jak moge wstawic kod ze stylem CSS ?? aby prawidłowo go łapał skrypt ? czyli abyw szystko działało :) ?

    Czy musze w jakieś tagi god ac aby IPB to zaakceptowalo ?

    Będę wdzięczny za pomoc , pozdrawiam !

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.