Stworzenie marginesów w dwóch konkretnych miejscach

Dyskusje na temat stylowania phpBB 2.0.x.
Zablokowany
Marzub
Posty: 6
Rejestracja: 09 grudnia 2006, 18:58

Stworzenie marginesów w dwóch konkretnych miejscach

Post autor: Marzub » 28 kwietnia 2007, 14:15

Witam.

Poważnie zmodyfikowałem swoje forum zmniejszając wszelkie marginesy ze 100% monitora do 700 px. Kompletnie przerobiłem większość plików stylu, włacznie z tym odpowiadającym za nagłówek - overall_header.

Nie wiem jednak jak osiągnąć dwie rzeczy:

1. Zwężyć tak samo do 700 pixeli obszar zajmowania przestrzeni ekranu przez ten tekst z warunkami rejestracji, tam gdzie są opcje - nie zgadzam się, zgadzam się, ale mam poniżej 13 lat, zgadzam się i mam powyżej 13 lat.

Zobaczcie jak to wygląda na tle innych miejsc mego forum:

http://www.forum.escombo.com

2. Drugi problem dotyczy nie zawijania się w postach tekstu. Jak pisze się post składający się z dosłownie 3 słów, nie zajmujących nawet linijki, to wszystko jest w porządku. Wątek ma szerokość dokładnie 700 pikseli. jednak, gdy post ma normalną długość, a ktoś wypowie się bardziej kwieciście, to tekst nie zawija się i ramka wątku rozsadza się aż do maksymalnej szerokości ekranu - w przypadku mojej rozdzielczości do 1024 pix.

Co mam zrobić? Pomóżcie proszę!
Dzięki z góry!

Pozdrawiam.[/url]
Na górę
Awatar użytkownika
najko
Zasłużony
Posty: 350
Rejestracja: 07 stycznia 2006, 20:28
Lokalizacja: co skąd??
Kontakt:
Skontaktuj się z najko

Post autor: najko » 28 kwietnia 2007, 16:13

czy szzerokosc forum zmieniales tylko w pliku overall header?? czy np w viewtopic itd??
Boskie narzędzia:
Szukajka | google | Baza wiedzy | Regulamin forum
Na górę
Marzub
Posty: 6
Rejestracja: 09 grudnia 2006, 18:58

odp.

Post autor: Marzub » 29 kwietnia 2007, 06:04

Zmieniałem szerokość we wszystkich plikach, które mają w nazwie body, a więc nie tylko w overall_header. Mogłem jednak coś poknocić. problem w tym, że nie wiem, który plik za to, co mi nie działa odpowiada i nie wiem gdzie tego szukać...
Na górę
jaroslw
Zasłużony
Posty: 4524
Rejestracja: 10 grudnia 2005, 18:48
Kontakt:
Skontaktuj się z jaroslw

Post autor: jaroslw » 29 kwietnia 2007, 09:12

Heh to żeś się napracował :P Teraz zamień wszystko z powrotem na 100% i wystarczy zmienić tylko jedną wartość w overall_header.tpl aby osiągnąć ten efekt :)

Kod: Zaznacz cały

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
Szukaj tego lub czegoś podobnego (będzie to rozpoczęcie pierwszej tabeli w tym pliki) i zamień 100% na 700px. Teraz każdą podstronę forum będziesz miał o szerokości 700px :)
Pobierz styl: we_universal • we_clearblue
Nowości i aktualizacje: Facebook • Google+ • Twitter
Na górę
Marzub
Posty: 6
Rejestracja: 09 grudnia 2006, 18:58

Post autor: Marzub » 29 kwietnia 2007, 12:48

Dzięki, spróbowałem, ale niestety nie pomogło. Musi być jakiś sposób na modyfikację poszczególnych plików.
Na górę
jaroslw
Zasłużony
Posty: 4524
Rejestracja: 10 grudnia 2005, 18:48
Kontakt:
Skontaktuj się z jaroslw

Post autor: jaroslw » 29 kwietnia 2007, 13:15

Widocznie zmieniłeś nie to co trzeba. Wrzuć tu kod swojego pliku overall_header.tpl :)
Pobierz styl: we_universal • we_clearblue
Nowości i aktualizacje: Facebook • Google+ • Twitter
Na górę
Marzub
Posty: 6
Rejestracja: 09 grudnia 2006, 18:58

Mój kod

Post autor: Marzub » 29 kwietnia 2007, 13:58

Mój overall musi się trochę różnić od standardowego, bo mam nagłówek zrobiony pod stronę www:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
<META name="robots" content="noindex">
{META}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available online from -->
<!-- The JavaScript Source!! http://javascript.internet.com --><!-- Begin
function leapto(form) {var myindex=form.dest.selectedIndex
parent.okno.location.href=(form.dest.options[myindex].value);}// End -->
</SCRIPT>
<script language="JavaScript"><!--
//-------- JavaScript begins...

b1 = new Image ();
b1.src = "http://escombo.com/image/bartek1.gif"
b2 = new Image;
b2.src = "http://escombo.com/image/bartek2.gif"

c1 = new Image ();
c1.src = "http://escombo.com/image/marcin1.gif"
c2 = new Image;
c2.src = "http://escombo.com/image/marcin2.gif"

d1 = new Image ();
d1.src = "http://escombo.com/image/marek1.gif"
d2 = new Image;
d2.src = "http://escombo.com/image/marek2.gif"

e1 = new Image ();
e1.src = "http://escombo.com/image/ginter1.gif"
e2 = new Image;
e2.src = "http://escombo.com/image/ginter2.gif"

i1 = new Image ();
i1.src = "http://escombo.com/image/jas1.gif"
i2 = new Image;
i2.src = "http://escombo.com/image/jas2.gif"

f1 = new Image ();
f1.src = "http://escombo.com/image/arek1.gif"
f2 = new Image;
f2.src = "http://escombo.com/image/arek2.gif"




mai1 = new Image ();
mai1.src = "http://escombo.com/buttons/escombo.com.gif"
mai2 = new Image;
mai2.src = "http://escombo.com/buttons/escombo.com1.gif"

faq1 = new Image ();
faq1.src = "http://escombo.com/buttons/faq.gif"
faq2 = new Image;
faq2.src = "http://escombo.com/buttons/faq1.gif"

sea1 = new Image ();
sea1.src = "http://escombo.com/buttons/search.gif"
sea2 = new Image;
sea2.src = "http://escombo.com/buttons/search1.gif"

use1 = new Image ();
use1.src = "http://escombo.com/buttons/users.gif"
use2 = new Image;
use2.src = "http://escombo.com/buttons/users1.gif"

gro1 = new Image ();
gro1.src = "http://escombo.com/buttons/groups.gif"
gro2 = new Image;
gro2.src = "http://escombo.com/buttons/groups1.gif"

reg1 = new Image ();
reg1.src = "http://escombo.com/buttons/register.gif"
reg2 = new Image;
reg2.src = "http://escombo.com/buttons/register1.gif"

pro1 = new Image ();
pro1.src = "http://escombo.com/buttons/profile.gif"
pro2 = new Image;
pro2.src = "http://escombo.com/buttons/profile1.gif"


function ChangeImage (ImageName,FileName) {
document[ImageName].src = window[FileName].src;
}
// JavaScript ends --------
// --></script>


</head>

<link rel="stylesheet" href="templates/smartDark/{T_HEAD_STYLESHEET}" type="text/css">
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body leftmargin="0" topmargin="0">

<center>
<table border=0 background="http://escombo.com/image/lighter.gif" width="700" height="115">
<tr>
<td align="right">


<A HREF="http://www.escombo.com/pl/bartek.php" TARGET="_parent"
onmouseover="ChangeImage ('b','b2')" onmouseout="ChangeImage ('b','b1')">
<IMG SRC="http://escombo.com/image/bartek1.gif" BORDER=0 name="b" alt="Bartek Kuczek"></A>

<A HREF="http://www.escombo.com/pl/marcin.php" TARGET="_parent"
onmouseover="ChangeImage ('c','c2')" onmouseout="ChangeImage ('c','c1')">
<IMG SRC="http://escombo.com/image/marcin1.gif" BORDER=0 name="c" alt="Marcin Zubel"></A>

<A HREF="http://www.escombo.com/pl/marek.php" TARGET="_parent"
onmouseover="ChangeImage ('d','d2')" onmouseout="ChangeImage ('d','d1')">
<IMG SRC="http://escombo.com/image/marek1.gif" BORDER=0 name="d" alt="Marek Gawroński"></A>

<A HREF="http://www.escombo.com/pl/robert.php" TARGET="_parent"
onmouseover="ChangeImage ('e','e2')" onmouseout="ChangeImage ('e','e1')">
<IMG SRC="http://escombo.com/image/ginter1.gif" BORDER=0 name="e" alt="Robert Ksiondz"></A>

<A HREF="http://www.escombo.com/pl/jas.php" TARGET="_parent"
onmouseover="ChangeImage ('i','i2')" onmouseout="ChangeImage ('i','i1')">
<IMG SRC="http://escombo.com/image/jas1.gif" BORDER=0 name="i" alt="Jan Rogala"></A>

<A HREF="http://www.escombo.com/pl/arek.php" TARGET="_parent"
onmouseover="ChangeImage ('f','f2')" onmouseout="ChangeImage ('f','f1')">
<IMG SRC="http://escombo.com/image/arek1.gif" BORDER=0 name="f" alt="Arek Franosz"></A>

</td>
</tr>
<tr>
<td align="center">

<A HREF="http://www.escombo.com/pl" TARGET="_parent"
onmouseover="ChangeImage ('mai','mai2')" onmouseout="ChangeImage ('mai','mai1')">
<IMG SRC="http://escombo.com/buttons/escombo.com.gif" BORDER=0 name="mai" alt="Wróć do strony głównej"></A>

<a href="{U_FAQ}" class="mainmenu"
onmouseover="ChangeImage ('faq','faq2')" onmouseout="ChangeImage ('faq','faq1')">
<IMG SRC="http://escombo.com/buttons/faq.gif" BORDER=0 name="faq" alt="Pytania i odpowiedzi"></A>

<a href="{U_SEARCH}" class="mainmenu"
onmouseover="ChangeImage ('sea','sea2')" onmouseout="ChangeImage ('sea','sea1')">
<IMG SRC="http://escombo.com/buttons/search.gif" BORDER=0 name="sea" alt="Poszukiwania"></A>

<a href="{U_MEMBERLIST}" class="mainmenu"
onmouseover="ChangeImage ('use','use2')" onmouseout="ChangeImage ('use','use1')">
<IMG SRC="http://escombo.com/buttons/users.gif" BORDER=0 name="use" alt="Lista użytkowników forum"></A>

<a href="{U_GROUP_CP}" class="mainmenu"
onmouseover="ChangeImage ('gro','gro2')" onmouseout="ChangeImage ('gro','gro1')">
<IMG SRC="http://escombo.com/buttons/groups.gif" BORDER=0 name="gro" alt="Użytkownicy zrzeszeni"></A>

<a href="{U_REGISTER}" class="mainmenu"
onmouseover="ChangeImage ('reg','reg2')" onmouseout="ChangeImage ('reg','reg1')">
<IMG SRC="http://escombo.com/buttons/register.gif" BORDER=0 name="reg" alt="Zostań naszym forumowiczem"></A>

<a href="{U_PROFILE}" class="mainmenu"
onmouseover="ChangeImage ('pro','pro2')" onmouseout="ChangeImage ('pro','pro1')">
<IMG SRC="http://escombo.com/buttons/profile.gif" BORDER=0 name="pro" alt="Twoje dane"></A>

</td>
</tr>
</table>




<span class="mainmenu">
:: <a href="{U_PRIVATEMSGS}" class="mainmenu">{PRIVATE_MESSAGE_INFO}</a>
:: <a href="{U_LOGIN_LOGOUT}" class="mainmenu">{L_LOGIN_LOGOUT}</a> ::<br> </span>
<BR>







_____________________________________________________

Na chwilę obecną poradziłem sobie z postami, ale fortelem i sposobem, który będzie działał jak chce przy innych rozdzilczościach niż 1024x768. Wstawiłem ograniczenie przy pomocy <p style="margin-left: 16%; margin-right: 16%;"> do pliku viewtopic_body. Wolałbym jakiś pewniejszy sposób i działający przy wszystkich rozdzielczościach. Pozostał jeszcze problem ze zmarginesowaniem Warunków rejestracji.
Na górę
Zablokowany

Wróć do „Style”