Polskie forum wsparcia dla phpBB • Potrzebuję zmodyfikować styl

Strona 1 z 1

Potrzebuję zmodyfikować styl

: 13 marca 2010, 20:15

autor: Grzes978

Witam potrzebuje na własną potrzebę zmodyfikować styl.

Styl do modyfikacji to:
http://www.phpbb3-styles.com/index.php ... 516&1thank

zmieniłem sobie już kolor nagłówka z niebieskiego na zielony ale z resztą niestety nie poradzę sobie sam

w tym stylu potrzebuje zrobić następujące zmiany pokazane poniżej na screenach

napis ostatnio na forum zmienić na biały kolor literek (napis znajduje się u góry po prawej w rogu)
usunąć menu główne
usunąć prawe menu i w jego miejsce wrzucić link FAQ ( search, uzytkownicy wyloguj)
zmniejszyć zielone pole do 4o pks wysokości, z pobranego stylu z linka niebieskie pole

tak wygląda teraz
Obrazek

Obrazek

a tak chce by wyglądało
Obrazek

Obrazek

dodatkowo

usunąć czarne ramki, w każdym forum, po prostu to jest nie potrzebne

Obrazek

Obrazek

oraz przenieść podpis w panelu użytkownika do nowej zakładki jak na screenie

Obrazek

Obrazek

te wszystkie rzeczy są mi niepotrzebne ponieważ forum phpBB będzie zintegrowane z innym panelem użytkownika i potrzebuje na tym etapie dokonać tylko zmiany w stylu forum. Styl można pobrać z linku powyżej. Kolor niebieski na zielony szybko sobie podmienię, ale reszta to już problem.

Jest ktoś chętny wykonać to na zlecenie?

jeśli tak to proszę o kontakt na mail grzegorz.jendrzej@gmail.com

Cena do uzgodnienia

Re: Potrzebuję zmodyfikować styl

: 14 marca 2010, 01:06

autor: pit

napis ostatnio na forum zmienić na biały

stylesheet.css
znajdź

Kod: Zaznacz cały

#userarea {..}

zmień

Kod: Zaznacz cały

padding: 12px 25px 0 0;
color: #ddd;

na

Kod: Zaznacz cały

padding: 4px 25px 0 0;
color: #fff;

usunąć menu główne

overall_header.html
usuń

Kod: Zaznacz cały

				<div id="toolbar">
					
		<div id="topmenu">

			<ul>
			<li><a  href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
			<li><a  href="{U_PROFILE}"><span>{L_PROFILE}</span></a></li>
			<li><a  href="{U_SEARCH}"><span>{L_SEARCH}</span></a></li>
			<li><a  href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
			<li><a  href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
			<li><a  href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
				<li><a  href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
			<li><a  href="#"><span></span></a></li>

			<li><a  href="#"><span></span></a></li>
			</ul>
		</div>
				</div>

wrzucić link FAQ

overall_header.html
znajdż

Kod: Zaznacz cały

        			<ul class="linklist rightside">

<li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH}">{L_SEARCH}</a></li>

zmień na

Kod: Zaznacz cały

        			<ul class="linklist rightside">
<li class="icon-faq"><a  href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
<li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH}">{L_SEARCH}</a></li>

stylesheet.css
znajdź

Kod: Zaznacz cały

.icon-faq						{ background-image: url("{T_THEME_PATH}/images/icon_faq.png"); }

zmień na

Kod: Zaznacz cały

.icon-faq						{ background-image: url("{T_THEME_PATH}/images/icon_faq.gif"); }

zmniejszyć zielone pole do 4o pks wysokości

Przy 40px wyszukiwarka się nie zmieści
stylesheet.css
znajdź

Kod: Zaznacz cały

#header {...}

zmień

Kod: Zaznacz cały

height: 120px;

na

Kod: Zaznacz cały

height: 55px;

common.css
znajdź

Kod: Zaznacz cały

#search-box {...}

zmień

Kod: Zaznacz cały

margin-top: 50px;

na

Kod: Zaznacz cały

margin-top: 20px;

usunąć czarne ramki, w każdym forum

stylesheet.css
znajdź

Kod: Zaznacz cały

.forabg, .forumbg {
	background-color: #535353;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

zmień na

Kod: Zaznacz cały

.forabg, .forumbg {background: none;}

stylesheet.css
znajdź

Kod: Zaznacz cały

li.header dt, li.header dd {
	color: #FFFFFF;
}

zmień na

Kod: Zaznacz cały

li.header dt, li.header dd {
	color: #333;
}

stylesheet.css
znajdź

Kod: Zaznacz cały

#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #fff;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #fff;
}

zmień na

Kod: Zaznacz cały

#search-box a:link, .navbg a:link {color: #fff;}

.forumbg .header a:link, .forabg .header a:link, th a:link {color: #333;}

#search-box a:visited, .navbg a:visited {color: #fff;}

.forumbg .header a:visited, .forabg .header a:visited, th a:visited {color: #333;}

przenieść podpis w panelu użytkownika do nowej zakładki

Przenieść to nie wiem jak, dodać być może wiem
ucp_header.html
znajdź

Kod: Zaznacz cały

		<!-- END t_block1 -->
	</ul>
</div>

zmień na

Kod: Zaznacz cały

		<!-- END t_block1 -->
		<li><a href="./ucp.php?i=profile&mode=signature"><span>{L_UCP_PROFILE_SIGNATURE}</span></a></li>
	</ul>
</div>

Re: Potrzebuję zmodyfikować styl

: 14 marca 2010, 10:46

autor: Grzes978

super wielkie dzięki

zapomniałeś jeszcze o osunięciu w prawym menu szukaj użytkownicy zarejestruj i wyloguj

jak rozumiem to jest w overrall_header

a dokładnie tutaj - pytanie ile dokładnie wyciąc?

<ul class="linklist rightside">

<li class="icon-faq"><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
<li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH}">{L_SEARCH}</a></li>

<li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li>
<li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li>
<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>

</ul>

dobrze zaznaczyłem?

p.s. najdziwniejsze jest ze już wczesnej znalazłem gdzie usunąć menu, ale po usunięciu kodu, dalej wyświetla mi sie to menu w przeglądarce?

powiem ze używam wampa na komputerze by sprawdzać sobie to u siebie a nie online na mojej stronie.

w każdym razie dziękuję za pomoc, jak się rozliczymy?

p.s. po dokonaniu zmian zostały usunięte czarne ramki ale także z czarnymi belkami, ja chciałbym tylko usunąć te cienkie elementy.

p.p.s. gdzie mogę przesunąć ostatnio na forum, chce cały napis przesunąć w lewo by był symetrycznie z innymi rzeczami pozdrawiam

Re: Potrzebuję zmodyfikować styl

: 15 marca 2010, 23:58

autor: pit

dobrze zaznaczyłem?

Prawie.
Zapomniałeś jeszcze o osunięciu w prawym menu szukaj

Kod: Zaznacz cały

<li class="icon-search"><a href="{U_SEARCH}" title="{L_SEARCH}">{L_SEARCH}</a></li>

chciałbym tylko usunąć te cienkie elementy

Więc musisz odkręcić wcześniejsze zmiany

Kod: Zaznacz cały

stylesheet.css
znajdź

Kod: Zaznacz wszystko
    .forabg, .forumbg {
       background-color: #535353;
       background-image: url("{T_THEME_PATH}/images/bg_list.gif");
    }


zmień na

Kod: Zaznacz wszystko
    .forabg, .forumbg {background: none;}


stylesheet.css
znajdź

Kod: Zaznacz wszystko
    li.header dt, li.header dd {
       color: #FFFFFF;
    }


zmień na

Kod: Zaznacz wszystko
    li.header dt, li.header dd {
       color: #333;
    }


stylesheet.css
znajdź

Kod: Zaznacz wszystko
    #search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
       color: #fff;
    }

    #search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
       color: #fff;
    }


zmień na

Kod: Zaznacz wszystko
    #search-box a:link, .navbg a:link {color: #fff;}

    .forumbg .header a:link, .forabg .header a:link, th a:link {color: #333;}

    #search-box a:visited, .navbg a:visited {color: #fff;}

    .forumbg .header a:visited, .forabg .header a:visited, th a:visited {color: #333;}

i w viewforum_body.html
zmienić

Kod: Zaznacz cały

	<!-- IF topicrow.S_FIRST_ROW or not topicrow.S_TOPIC_TYPE_SWITCH -->
		<div class="forumbg<!-- IF topicrow.S_TOPIC_TYPE_SWITCH --> announcement<!-- ENDIF -->">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt><!-- IF S_DISPLAY_ACTIVE -->{L_ACTIVE_TOPICS}<!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and topicrow.S_TOPIC_TYPE gt 1 -->{L_ANNOUNCEMENTS}<!-- ELSE -->{L_TOPICS}<!-- ENDIF --></dt>
					<dd class="posts">{L_REPLIES}</dd>
					<dd class="views">{L_VIEWS}</dd>
					<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
				</dl>
			</li>
		</ul>
		<ul class="topiclist topics">
	<!-- ENDIF -->

		<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">
			<dl class="icon" style="background-image: url({topicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --> style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF --> title="{topicrow.TOPIC_FOLDER_IMG_ALT}"><!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>
					<!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED --><a href="{topicrow.U_MCP_QUEUE}">{topicrow.UNAPPROVED_IMG}</a> <!-- ENDIF -->
					<!-- IF topicrow.S_TOPIC_REPORTED --><a href="{topicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF --><br />
					<!-- IF topicrow.PAGINATION --><strong class="pagination"><span>{topicrow.PAGINATION}</span></strong><!-- ENDIF -->
					<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
				</dt>
				<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
				<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
				<dd class="lastpost"><span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}
					<!-- IF not S_IS_BOT --><a href="{topicrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{topicrow.LAST_POST_TIME}</span>
				</dd>
			</dl>
		</li>

	<!-- IF topicrow.S_LAST_ROW -->
			</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- ENDIF -->

<!-- BEGINELSE -->

na

Kod: Zaznacz cały

	<!-- IF topicrow.S_FIRST_ROW or not topicrow.S_TOPIC_TYPE_SWITCH -->
		<div class="forumbg<!-- IF topicrow.S_TOPIC_TYPE_SWITCH --> announcement<!-- ENDIF -->">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dt><!-- IF S_DISPLAY_ACTIVE -->{L_ACTIVE_TOPICS}<!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and topicrow.S_TOPIC_TYPE gt 1 -->{L_ANNOUNCEMENTS}<!-- ELSE -->{L_TOPICS}<!-- ENDIF --></dt>
					<dd class="posts">{L_REPLIES}</dd>
					<dd class="views">{L_VIEWS}</dd>
					<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
				</dl>
			</li>
		</ul>
			<span class="corners-bottom"><span></span></span></div>
		</div>

	<!-- ENDIF -->
		<div class="navbar">
				<div class="inner"><span class="corners-top"><span></span></span>
	<ul class="topiclist topics">
		<li class="bg1<!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">
			<dl class="icon" style="background-image: url({topicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --> style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF --> title="{topicrow.TOPIC_FOLDER_IMG_ALT}"><!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>
					<!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED --><a href="{topicrow.U_MCP_QUEUE}">{topicrow.UNAPPROVED_IMG}</a> <!-- ENDIF -->
					<!-- IF topicrow.S_TOPIC_REPORTED --><a href="{topicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF --><br />
					<!-- IF topicrow.PAGINATION --><strong class="pagination"><span>{topicrow.PAGINATION}</span></strong><!-- ENDIF -->
					<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
				</dt>
				<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
				<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
				<dd class="lastpost"><span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}
					<!-- IF not S_IS_BOT --><a href="{topicrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{topicrow.LAST_POST_TIME}</span>
				</dd>
			</dl>
		</li>
	</ul>
			<span class="corners-bottom"><span></span></span></div>
		</div>
	<div style="height:2px;"></div>
	<!-- IF topicrow.S_LAST_ROW -->

	<!-- ENDIF -->

<!-- BEGINELSE -->

gdzie mogę przesunąć ostatnio na forum

w common.css znajdź

Kod: Zaznacz cały

#search-box {margin-right: -140px;}

zmień na

Kod: Zaznacz cały

margin-right: -160px;