se_sprites

Style do phpBB 3.0.x autorstwa użytkowników. Tutaj możesz zaprezentować swoje prace, także w wersjach deweloperskich.
Regulamin forum
Zakładając temat dla swojego stylu, wymagane jest dodanie go jako załącznik (przez forum) w pierwszym poście.
Awatar użytkownika
zmora150
Posty: 72
Rejestracja: 24 lipca 2010, 04:34
Kontakt:

Re: se_sprites

Post autor: zmora150 » 01 sierpnia 2010, 19:30

kolejny problem ze stylem, tym razem modyfikacja arcade, a na dole screeny
Obrazek4.jpg
(65.57 KiB) Pobrany 6879 razy
> z tym już sobie poradziłem
Obrazek3.jpg
(64.66 KiB) Pobrany 6878 razy
> z tym już sobie poradziłem
Obrazek2.jpg
(138.8 KiB) Pobrany 6881 razy
> z tym już sobie poradziłem


Obrazek.jpg
(75.12 KiB) Pobrany 6881 razy

Mam nadzieję że tego samego problemu nie będzie z phpbb gallery :p


Edit. tak jak się spodziewałem, galleria też się sypie :(

Obrazek


Edit. jednak jest problem, wszędzie dobrze jest wyświetlane "kto gra" poza jednym miejscem
Obrazek.jpg
(177.15 KiB) Pobrany 6865 razy
Kod arcade_online_body.html:

Kod: Zaznacz cały

<br />
<div class="forumbg">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="stat">
				<li class="who-is">
<h3>{L_ARCADE_ONLINE}</h3>
<!-- IF .arcade_online_row -->
<p>
	<!-- BEGIN arcade_online_row -->
	{arcade_online_row.GAME}:&nbsp;{arcade_online_row.PLAYER_LIST}<!-- IF not arcade_online_row.S_LAST_ROW --><br /><!-- ENDIF -->
	<!-- END arcade_online_row -->
</p>
<!-- ELSE -->
<p>{L_ARCADE_OFFLINE}</p>
	</li>
			</ul>
		<span class="corners-bottom"><span></span></span></div></div>
<!-- ENDIF -->
kod strony gdzie tak źle się wyświetla arcade_play_body.html:

Kod: Zaznacz cały

<!-- IF S_PLAY_FULL -->
<!-- INCLUDE overall_header.html -->
<br />
<div id="game_container" style="float: left; width: 75%; text-align: center;">
	<script type="text/javascript" src="includes/arcade/swfobject.js"></script>
	<div id="{GAME_SCOREVAR}">
		<h1>{L_ARCADE_FLASH_VERSION}</h1>
		<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
	</div>
	
	<script type="text/javascript">		
		var x = document.getElementById('game_container');
		var width = {GAME_WIDTH};
		var height = {GAME_HEIGHT};
		
		if ({GAME_WIDTH} > x.offsetWidth && x.offsetWidth > 0)
		{
			var	resize = x.offsetWidth / {GAME_WIDTH} - .05
			width = resize * {GAME_WIDTH}; 
			height = resize * {GAME_HEIGHT};
		}	
		
		var flashvars = {
		<!-- IF S_IS_IBPROV3 -->
			ibpro_gameid: "{GAME_GID_ENCODED}"
		<!-- ELSE -->
			game_sid: "{GAME_SID}",
			g: "{GAME_ID}"
		<!-- ENDIF -->
		};

		var params = {
			menu: "false",
			quality: "high"
		};

		swfobject.embedSWF("{GAME_SWF}", "{GAME_SCOREVAR}", width, height, "{FLASH_VERSION}", false, flashvars, params);

		<!-- IF S_RESOLUTION_SELECT -->
		function swfobject_resize(size) 
		{
			var container = document.getElementById('game_container');
			var flash = document.getElementById('{GAME_SCOREVAR}');
			if (size == 'reduce')
			{
				flash.width = .75 * flash.offsetWidth; 
				flash.height = .75 * flash.offsetHeight; 	
			}
			else if (size == 'increase')
			{
				if (container.offsetWidth > (1.25 * flash.offsetWidth))
				{
					flash.width = 1.25 * flash.offsetWidth; 
					flash.height = 1.25 * flash.offsetHeight; 	
				}
			}
			else
			{
				size = container.offsetWidth / {GAME_WIDTH} - .05;
				flash.width = size * {GAME_WIDTH}; 
				flash.height = size * {GAME_HEIGHT}; 
			}
		}
		<!-- ENDIF -->
	</script>
</div>

<div style="float: left; width: 25%;">
<!-- IF S_USE_HIGHSCORES -->
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl>
						<dd>{L_ARCADE_GAME_CHAMPION}</dd>
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
			<li class="row">
				<dl>
					<dd style="width: 100%; text-align: center;">
					<!-- IF .scorerow -->
						<!-- IF FIRST_AVATAR --><div style="float: right;">{FIRST_AVATAR}&nbsp;&nbsp;&nbsp;</div><!-- ELSE --><div style="float: right;"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" />&nbsp;&nbsp;&nbsp;</div><!-- ENDIF -->
						<b>{GAME_NAME} {L_ARCADE_GAME_CHAMPION}</b><br />
						{BEST_USER_NAME}<br /><br />
						<b>{L_ARCADE_HIGHSCORE}</b><br />
						{BEST_SCORE}<br />
						<hr />
						<b>{L_ARCADE_CHAMPION_PLAYED}</b><br />
						{BEST_PLAYED}<br /><br />
						<b>{L_ARCADE_CHAMPION_SPENT}</b><br />
						{BEST_TIME}<br /><br />
						{BEST_DATE_EXPLAIN}<br />
					<!-- ELSE -->
						{L_ARCADE_NO_HIGHSCORE}
					<!-- ENDIF -->
					</dd>
				</dl>
			</li>
			</ul>
			<span class="corners-bottom"><span></span></span></div>
		</div>
<!-- ENDIF -->
<!-- IF S_DISPLAY_DESC -->
	<br />
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl>
						<dd>{L_ARCADE_GAME_DESC}</dd>
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
			<li class="row">
				<dl>
					<dd style="width: 100%; text-align: center;"><span style="padding: 3px;">{GAME_DESC}</span></dd>
				</dl>
			</li>
			</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- ENDIF -->
	<br />
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl>
						<dd>{L_ARCADE_GAME_OPTIONS}</dd>
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
			<li class="row">
				<!-- IF S_RESOLUTION_SELECT -->
				<dl>
					<dd style="width: 100%; text-align: center;">
						<fieldset>
							<strong>{L_ARCADE_RESOLUTION}</strong><br />
							<a href="#" onclick="swfobject_resize('reduce')">{L_ARCADE_RESOLUTION_REDUCE}</a>&nbsp;&nbsp;<a href="#" onclick="swfobject_resize('auto')">{L_ARCADE_RESOLUTION_AUTO}</a>&nbsp;&nbsp;<a href="#" onclick="swfobject_resize('increase')">{L_ARCADE_RESOLUTION_INCREASE}</a>
						</fieldset>
					</dd>
				</dl>
				<!-- ENDIF -->
				<dl>
					<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
						<!-- IF S_SHOW_POINTS --><dd style="width: 100%; text-align: center;">{L_ARCADE_BALANCE}: {USER_POINTS}<br />{L_ARCADE_COST}: {GAME_COST}<br /><!-- IF S_USE_JACKPOT -->{L_ARCADE_JACKPOT}<!-- ELSE -->{L_ARCADE_REWARD}<!-- ENDIF -->: {GAME_REWARD}</dd><!-- ENDIF -->
					<!-- ENDIF -->
					<dd style="width: 100%; text-align: center;"><!-- IF GAME_FAV_IMG -->{GAME_FAV_IMG}<br /><!-- ENDIF --><!-- IF S_GAME_DOWNLOAD --><a href="{U_GAME_DOWNLOAD}">{L_ARCADE_DOWNLOAD_GAME}</a><br /><!-- ENDIF --><!-- IF S_CAN_REPORT --><a href="{U_GAME_REPORT}">{L_ARCADE_REPORT_GAME}</a><br /><!-- ENDIF -->{GAME_FILESIZE}</dd>
				</dl>
			</li>
			</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>

<!-- IF S_USE_HIGHSCORES and .scorerow -->
	<br />
	<!-- IF BEST_COMMENT -->
	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl>
						<dd>{L_ARCADE_GAME_CHAMPION_COMMENT}</dd>
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
			<li class="row">
				<dl>
					<dd style="width: 100%; text-align: center;"><div style="overflow: auto; min-height: 3em; height:auto !important; height:3em;">{BEST_COMMENT}</div></dd>
				</dl>
			</li>
			</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<br />
	<!-- ENDIF -->

	<div class="forabg">
		<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl>
						<dd>{L_ARCADE_TOP_SCORES}</dd>
					</dl>
				</li>
			</ul>
			<table class="table1" cellspacing="1">
			<tbody>
				<!-- BEGIN scorerow -->
				<tr class="<!-- IF scorerow.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
					<td style="text-align: center; width: 15%;<!-- IF scorerow.USER_ID == S_USER_ID --> font-weight:bold;<!-- ENDIF -->">{scorerow.POS}</td>
					<td style="text-align: center; width: 70%;<!-- IF scorerow.USER_ID == S_USER_ID --> font-weight:bold;<!-- ENDIF -->">{scorerow.USERNAME}</td>
					<td style="text-align: center; width: 15%;<!-- IF scorerow.USER_ID == S_USER_ID --> font-weight:bold;<!-- ENDIF -->">{scorerow.SCORE}</td>
				</tr>
				<!-- END scorerow -->
			</tbody>
			</table>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- ENDIF -->
</div>

<div style="clear:both;">&nbsp;</div>

<!-- INCLUDE arcade/arcade_online_body.html -->
<!-- INCLUDE arcade/arcade_version_body.html -->
<!-- INCLUDE overall_footer.html -->

<!-- ELSEIF S_PLAY_POPUP -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<script type="text/javascript" src="includes/arcade/swfobject.js"></script>
<style type="text/css">

	/* hide from ie on mac \*/
	html {
		height: 100%;
		overflow: hidden;
	}

	#flashcontent {
		height: 100%;
	}
	/* end hide */

	body {
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #ffffff;
	}

</style>
<script type="text/javascript">
function get_width()
{
	var x = 0;
	if (self.innerWidth)
	{
			x = self.innerWidth;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
	{
			x = document.documentElement.clientWidth;
	}
	else if (document.body)
	{
			x = document.body.clientWidth;
	}
	return x;
}

function get_height()
{
	var y = 0;
	if (self.innerHeight)
	{
			y = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
	{
			y = document.documentElement.clientHeight;
	}
	else if (document.body)
	{
			y = document.body.clientHeight;
	}
	return y;
}

function fit_screen()
{
	if (get_width() != {GAME_WIDTH} || get_height() != {GAME_HEIGHT})
	{
		var w = 0
		var h = 0;
		w = {GAME_WIDTH} - get_width() ;
		h = {GAME_HEIGHT} - get_height() ;
		window.self.resizeBy(w,h);
		window.self.moveTo((screen.width / 2) - ({GAME_WIDTH} / 2), (screen.height / 2) - ({GAME_HEIGHT} / 2));
	}
	return false;
}
</script>
<title><!-- IF S_USE_HIGHSCORES -->{POPUP_TITLE}<!-- ELSE -->{GAME_NAME}<!-- ENDIF --></title>
</head>
<body onload='fit_screen();'>
	<div id="{GAME_SCOREVAR}">
		<h1>{L_ARCADE_FLASH_VERSION}</h1>
		<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
	</div>
	<script type="text/javascript">
		var flashvars = {
		<!-- IF S_IS_IBPROV3 -->
			ibpro_gameid: "{GAME_GID_ENCODED}"
		<!-- ELSE -->
			game_sid: "{GAME_SID}"
		<!-- ENDIF -->
		};

		var params = {
			menu: "false",
			quality: "high"
		};

		swfobject.embedSWF("{GAME_SWF}", "{GAME_SCOREVAR}", "100%", "100%", "{FLASH_VERSION}", false, flashvars, params);
	</script>
</body>
</html>
<!-- ENDIF -->

Awatar użytkownika
zmora150
Posty: 72
Rejestracja: 24 lipca 2010, 04:34
Kontakt:

Re: se_sprites

Post autor: zmora150 » 02 sierpnia 2010, 10:46

Dobra błędy o których wyżej pisałem z "kto gra" rozwiązane, nie zauważyłem że tam jest <!-- ELSE -->, pewnie przez przyzwyczajenie do php :P

Edit. dobra, całkiem sobie poradziłem z tym od arcade moda :P zostaje phpbb gallery



Edit2. coś tam zrobiłem z phpbb gallery, ale to taka prowizorka.

Obrazek

Pit, prześle ci na pw hasło do testowego konta i lukniesz jak wygląda z błędami, ok ?
Załączniki
Obrazek.jpg
(72.51 KiB) Pobrany 6858 razy

pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: se_sprites

Post autor: pit » 02 sierpnia 2010, 18:59

coś tam zrobiłem z phpbb gallery
Jeśli pamiętasz co to zrób znowu tak żeby było źle. 8-)
Dodaj to do "gallery.css"

Kod: Zaznacz cały

.section-posting .post.bg2 .inner div, .section-image_page .post.bg2 img {margin-top: 30px;}
.section-image_page .post.bg2 .postbody p.author {margin-top: -10px;}
.section-image_page .post.bg1 p.author, .section-image_page .post.bg2 p.author, .section-image_page .post.bg2 p {margin-top: 20px;}
.section-image_page #details.panel .profile-icons {margin-top: -40px;}
.section-image_page h3 a:link, .section-image_page h3 a:visited {color: #ddd;}
.section-image_page h3 a:hover, .section-image_page h3 a:active {color: #f1f1f1;}
Usuń wszystko z "se_sprites/template/gallery i daj tam te dwa pliki
gallery.zip
se_sprites/template/gallery
(3.84 KiB) Pobrany 313 razy
Proponuję jeszcze z "gallery_footer.html" wywalić

Kod: Zaznacz cały

<div class="copyright">
	Powered by <a href="http://www.flying-bits.org/">phpBB Gallery</a> &copy; 2007, 2009 <a href="http://www.flying-bits.org/">nickvergessen</a>
	<!-- IF GALLERY_TRANSLATION_INFO --><br />{GALLERY_TRANSLATION_INFO}<!-- ENDIF -->
</div>
i przenieść do "overall_footer.html"

Kod: Zaznacz cały

Powered by <a href="http://www.flying-bits.org/">phpBB Gallery</a> &copy; 2007, 2009 <a href="http://www.flying-bits.org/">nickvergessen</a>
Jeśli chodzi o arcade to podobnie
Dodaj to do "arcade.css"

Kod: Zaznacz cały

.section-arcade h3 {color: #405883;}
.section-arcade ul.stat a:link, .section-arcade ul.stat a:visited {color: #ccc;}
.section-arcade ul.stat a:hover, .section-arcade ul.stat a:active {color: #ddd;}
.section-arcade .panel#postingbox .fields1 {margin-top: 40px;}
.section-arcade .left-box {margin-top: 50px;}
Usuń wszystko z "se_sprites/template/arcade i daj tam te dwa pliki
arcade.zip
se_sprites/template/arcade
(1.32 KiB) Pobrany 311 razy
Proponuję jeszcze z "arcade_version_body.html" wywalić wszystko i i dodać do "overall_footer.html"

Kod: Zaznacz cały

Powered by phpBB Arcade &copy; 2008 <a href="http://www.jeffrusso.net">JRSweets</a>

Awatar użytkownika
zmora150
Posty: 72
Rejestracja: 24 lipca 2010, 04:34
Kontakt:

Re: se_sprites

Post autor: zmora150 » 02 sierpnia 2010, 23:12

No wszystko ładnie, ale co można zrobić aby wyświetlało tak jak na screenie co ja zrobiłem ? Bo te standardowe ustawienie nie za bardzo mi się widzi :D

No i dzięki za pomoc :P

Awatar użytkownika
zmora150
Posty: 72
Rejestracja: 24 lipca 2010, 04:34
Kontakt:

Re: se_sprites

Post autor: zmora150 » 03 sierpnia 2010, 14:03

Obrazek.jpg
(100.47 KiB) Pobrany 6827 razy
po ostatniej modyfikacji coś się popsuło z podglądem posta.

pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: se_sprites

Post autor: pit » 03 sierpnia 2010, 20:09

Mój błąd.
W "gallery.css" znajdź i usuń

Kod: Zaznacz cały

.section-posting .post.bg2 .inner div, 
Dodaj do "se_sprites/template/gallery" ten plik.
posting_body.zip
se_sprites/template/gallery
(2.37 KiB) Pobrany 280 razy

Awatar użytkownika
zmora150
Posty: 72
Rejestracja: 24 lipca 2010, 04:34
Kontakt:

Re: se_sprites

Post autor: zmora150 » 03 sierpnia 2010, 20:17

No i teraz wszystko działa :D dzieki wielkie :)

Awatar użytkownika
zmora150
Posty: 72
Rejestracja: 24 lipca 2010, 04:34
Kontakt:

Re: se_sprites

Post autor: zmora150 » 04 sierpnia 2010, 23:30

Dobra, teraz to nie wiem co to powoduję, ale dopiero teraz zauważyłem że co drugi komentarz źle się wyświetla znaczy
1 - źle
2 - dobrze
3 - źle


A tu screen by obadać dokładniej :D

Obrazek

pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: se_sprites

Post autor: pit » 05 sierpnia 2010, 13:04

W "gallery.css" znajdź i usuń

Kod: Zaznacz cały

.section-image_page .post.bg2 img {margin-top: 30px;}
.section-image_page .post.bg2 .postbody p.author {margin-top: -10px;}
Dodaj do "se_sprites/template/gallery" ten plik.
http://phpbb-mods.uphero.com/download/v ... e_body.zip

btw
Tak przerobiłeś profil, że gdy awatar jest mały robi się miejsce na rangę.

Awatar użytkownika
zmora150
Posty: 72
Rejestracja: 24 lipca 2010, 04:34
Kontakt:

Re: se_sprites

Post autor: zmora150 » 29 sierpnia 2010, 13:36

Siemasz pit, mam pewien problem, chciałbym zmienić linki w "Kto jest online" i tych innych statystykach na białe :D Bo trochę brzydko to wygląda, którą classe edytować ?

Awatar użytkownika
rokko
Posty: 25
Rejestracja: 09 listopada 2009, 18:46
Lokalizacja: Myszków
Kontakt:

Re: se_sprites

Post autor: rokko » 29 sierpnia 2010, 19:55

Linki wszystkie lecą z jednej klasy a:link. Żeby zmienić link dla konkretnego odsyłacza musisz mu przypisać styl lokalnie, zmiana koloru w obecnej klasie będzie miała efekt globalny.

pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: se_sprites

Post autor: pit » 29 sierpnia 2010, 22:35

Siemasz zmoro. ;)
Masz takie kolory jakie dałeś grupom i w plikach .css ani .html tego nie zmienisz.

Awatar użytkownika
zmora150
Posty: 72
Rejestracja: 24 lipca 2010, 04:34
Kontakt:

Re: se_sprites

Post autor: zmora150 » 30 sierpnia 2010, 02:38

ale mi chodzi o kolory zwykłych użytkowników, ustawić na biały, aby był widoczny.

pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: se_sprites

Post autor: pit » 30 sierpnia 2010, 09:22

Kod: Zaznacz cały

ul.stat a:link, ul.stat a:visited, ul.stat a:hover, ul.stat a:active {color: #ddd;}

Zablokowany