Τώρα είναι 11:17 am 28 03 2024

phpBB 3.0. μετάφραση (RC5) και πλοήγηση

Θέματα που αφορούν τους υπολογιστές, προγραμματισμό,διαδίκτυο.

Συντονιστής: Νέοι

phpBB 3.0. μετάφραση (RC5) και πλοήγηση

Δημοσίευσηαπό akisp » 22:52 pm 16 07 2007

Η μετάφραση που χρησιμοποιούμε στο φόρουμ της Νεβ.
Σχεδόν ολόκληρη.
Στη μετάφραση συμμετείχαν
H κοινότητα του Simmh
και
η ομάδα μετάφρασης του phpbb2.gr

Εμεις εχουμε παραμετροποιησει αρκετά την μετάφραση, καθως επίσης διορθωσαμε καποια λάθοι.

Η μετάφραση, αφου την αποσυμπιέσετε πρωτα ,τοποθετείται μέσα στον φάκελο
language.
Τα εικονίδια τοποθετουντε στους φακέλους των στυλ. π.χ. για το prosilver στην διαδρομή
Κώδικας: Επιλογή όλων
/styles/prosilver/imageset/


Αντίστοιχα για το subsilver2
Κώδικας: Επιλογή όλων
/styles/subsilver2/imageset/


Το κοινο με μας χαρακτηριστικο τους:
Αδυναμία συνεργασίας, είναι τελικα στο αίμα μας.


Πλοήγηση νέα εκδοση, πολυ πιο απλη και ευελικτη
Spoiler:
Παραδειγμα,

Βρειτε το μενου και το μπανερ που θελετε.
menu link

Αποθηκεύστε το αρχειο banner-menu.html στο
Κώδικας: Επιλογή όλων
phpBB3/styles/prosilver/template/

και το αρχειο banner-menu.css στο
Κώδικας: Επιλογή όλων
phpBB3/styles/prosilver/theme/

Εμφανιζετε το αρχειο html στο
overall_header.html
με τον ακολουθο κωδικα
Κώδικας: Επιλογή όλων
<!-- INCLUDE banner-menu.html -->

και στη συνεχεια προστιθετε στο,
phpBB3/styles/prosilver/theme/stylesheet.css
το παρακατω
Κώδικας: Επιλογή όλων
@import url("banner-menu.css");


Αποτελεσμα,
Εικόνα
Το συγκεκριμενο το εχουμε εμεις τοποθετησει στο,
Κώδικας: Επιλογή όλων
<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>

<div id="page-header">
<!-- INCLUDE banner-menu.html -->
      <div class="headerbar">


Τα αρχεια του παραδειγματος,
banner-menu.html
Κώδικας: Επιλογή όλων
<div id="log">
            <IMG class="logo" src="http://10.10.10.2/phpBB3/styles/prosilver/imageset/site_logobig.gif" alt="" height="135" width="850">
         
            <p></p>-->
   <div id="info">
<div class="menu">

<ul>
<li><a href="../menu/index.html">DEMOS<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul>
   <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars advertising page</a></li>
   <li><a href="../menu/embed.html" title="Wrapping text around images">wrapping text around images</a></li>
   <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>

   <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>
   <li><a class="drop" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click with no borders<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
      <ul>
         <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
         <li><a href="../menu/nodots.html" title="Removing active/focus borders">removing active/focus borders</a></li>
         <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>

      </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
   </li>
   <li><a class="drop" href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
      <ul>
         <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
         <li><a href="../menu/nodots.html" title="Removing active/focus borders">removing active/focus borders</a></li>

         <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
      </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
   </li>
   <li><a class="drop" href="../menu/old_master.html" title="Image Map for detailed information">image map for detailed information<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
      <ul>
         <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>

         <li><a href="../menu/nodots.html" title="Removing active/focus borders">removing active/focus borders</a></li>
         <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
      </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
   </li>
   <li><a href="../menu/bodies.html" title="fun with background images">fun with background images</a></li>
   <li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li>

   <li><a href="../menu/em_images.html" title="em size images compared">em image sizes compared</a></li>
   </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="../boxes/index.html">BOXES<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul>
   <li><a href="spies.html" title="a coded list of spies">a coded list of spies</a></li>
   <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li>

   <li><a href="expand.html" title="an enlarging unordered list">enlarging unordered list</a></li>
   <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li>
   <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li>
   <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li>
   <li><a href="circles.html" title="circular links">circular links</a></li>
   </ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="../mozilla/index.html">MOZILLA<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul>
   <li><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></li>
   <li><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li>
   <li><a href="../mozilla/content.html" title="Using content:">content:</a></li>
   <li><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li>

   <li><a href="../mozilla/rainbow.html" title="I can build a rainbow">I can build a rainbow with transparent borders</a></li>
   <li><a href="../mozilla/snooker.html" title="Snooker cue">a snooker cue using border art</a></li>
   <li><a href="../mozilla/target.html" title="Target Practise">target practise</a></li>
   <li><a href="../mozilla/splittext.html" title="Two tone headings">two tone headings</a></li>
   <li><a href="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li>
   </ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="../ie/index.html">EXPLORER</a></li>
<li><a href="../opacity/index.html">OPACITY<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
   <ul>
   <li><a href="../opacity/colours.html" title="colour wheel">a colour wheel using opaque colours</a></li>
   <li><a href="../opacity/picturemenu.html" title="a menu using opacity">a menu using opacity</a></li>
   <li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li>

   <li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li>
   <li><a class="drop" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
      <ul class="left">
         <li><a href="../menu/form.html" title="Styling forms">styled form</a></li>
         <li><a href="../menu/nodots.html" title="Removing active/focus borders">removing active/focus borders</a></li>
         <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>

      </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
   </li>
   </ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
</div>               </div>

banner-menu.css
Κώδικας: Επιλογή όλων
#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}


/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.menu {width:745px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://10.10.10.2//atheme/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://10.10.10.2//atheme/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://10.10.10.2//atheme/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


http://area51.phpbb.com/docs/coding-gui ... templating
Including files

Something that existed in 2.0.x which no longer exists in 3.0.x is the ability to assign a template to a variable. This was used (for example) to output the jumpbox. Instead (perhaps better, perhaps not but certainly more flexible) we now have INCLUDE. This takes the simple form:

<!-- INCLUDE filename -->

You will note in the 3.0 templates the major sources start with <!-- INCLUDE overall_header.html --> or <!-- INCLUDE simple_header.html -->, etc. In 2.0.x control of "which" header to use was defined entirely within the code. In 3.0.x the template designer can output what they like. Note that you can introduce new templates (i.e. other than those in the default set) using this system and include them as you wish ... perhaps useful for a common "menu" bar or some such.
No need to modify loads of files as with 2.0.x.
PHP

A contentious decision has seen the ability to include PHP within the template introduced. This is achieved by enclosing the PHP within relevant tags:

<!-- PHP -->
echo "hello!";
<!-- ENDPHP -->

You may also include PHP from an external file using:

<!-- INCLUDEPHP somefile.php -->

it will be included and executed inline.

A note, it is very much encouraged that template designers do not include PHP. The ability to include raw PHP was introduced primarily to allow end users to include banner code, etc. without modifying multiple files (as with 2.0.x). It was not intended for general use ... hence http://www.phpbb.com will not make available template sets which include PHP. And by default templates will have PHP disabled (the admin will need to specifically activate PHP for a template).


Η πλοήγηση (παλια) γίνετε με 3 παρεμβάσεις σε 2 αρχεία,

Spoiler:
Στο overall_header.html βρίσκουμε το
Κώδικας: Επιλογή όλων
</head>
<body class="{S_CONTENT_DIRECTION}">

και στη συνέχεια προσθέτουμε το μενού μας ,
Κώδικας: Επιλογή όλων
</div>
  <div id="top-nav">
   <ul id="primary"><li class="first menu-1-1-2"><a class="menu-1-1-2" title="Η κεντρική σελίδα του ιστοτόπου μας" href="http://www.neb.gr/">Κεντρική</a></li>
<li class="menu-1-2-2"><a class="menu-1-2-2" title="Λίγα λόγια για μας" href="http://www.neb.gr/about">Σχετικά</a></li>
<li class="menu-1-3-2"><a class="menu-1-3-2" href="http://www.neb.gr/taxonomy/term/2">Ανακοινώσεις</a></li>
<li class="menu-1-4-2"><a class="menu-1-4-2" href="http://www.neb.gr/taxonomy/term/1">Δραστηριότητες</a></li>
<li class="menu-1-5-2"><a class="menu-1-5-2" href="http://neb.gr/phpBB2/">Συζητήσεις</a></li>
<li class="menu-1-6-2"><a class="menu-1-6-2" href="http://www.neb.gr/photo/">Φωτογραφίες</a></li>
<li class="menu-1-7-2"><a class="menu-1-7-2" href="http://www.neb.gr/taxonomy/term/5">Συνδέσεις</a></li>
<li class="last menu-1-8-2"><a class="menu-1-8-2" title="Επικοινωνήστε μαζί μας" href="http://www.neb.gr/contact">Επικοινωνία</a></li>
</ul>     </div>


            </div>

Στο overall_footer.html πριν από
το
Κώδικας: Επιλογή όλων
<!--
   We request you retain the full copyright notice below including the link to www.phpbb.com.

εισάγουμε το ίδιο μενού πλοήγησης.

Για να έχουμε την οριζόντια προβολη στο μενού δημιουργούμε ή αντιγραφουμε ένα
αρχειο css.
Το αποθηκεύουμε μεσα στον φακελο και προσθέτουμε στο
overall_header.html
μετά το
Κώδικας: Επιλογή όλων
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

το δικο μας css που εχουμε.
Κώδικας: Επιλογή όλων
<link rel="stylesheet" href="./styles/subsilver2/n.css" type="text/css" />


Εαν δοκιμασετε και εντοπίσετε τα λαθη μας, που σίγουρα υπάρχουν.
Παραθέστε τα εδώ.
Συνημμένα
el.zip
Rc5 25/08/07
(251.07 KiB) Έχει μεταφορτωθεί 248 φορές
el.tar.bz2
Rc5 25/08/07
(144.65 KiB) Έχει μεταφορτωθεί 229 φορές
el.tar.gz
Rc4 30/07/07
(194.02 KiB) Έχει μεταφορτωθεί 264 φορές
el.zip
Rc4 30/07/07
(248.47 KiB) Έχει μεταφορτωθεί 267 φορές
Τελευταία επεξεργασία από akisp και 19:58 pm 26 08 2007, έχει επεξεργασθεί 1 φορά/ες συνολικά
Αιτία: Εκδοση Rc5 και αναβαθμιση πλοηγησης
Εικόνα
Εικόνα
akisp
Τακτικό μέλος
 
Δημοσιεύσεις: 192
Εγγραφή: 22:30 pm 14 09 2006
Τοποθεσία: Δροβιανη - Αγ. Αντρεας - Βόρεια Ήπειρος

Επιστροφή στο Υπολογιστές & Διαδίκτυο

Μέλη σε σύνδεση

Μέλη σε αυτή την Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες

cron

Μέλη σε σύνδεση

Συνολικά υπάρχουν 2 μέλη συνδεδεμένα: 0 εγγεγραμμένο, 0 κανένας με απόκρυψη και 2 επισκέπτες (με βάση ενεργά μέλη που έχουν συνδεθεί τα τελευταία 5 λεπτά)
Περισσότερα μέλη σε σύνδεση 342 την 02:14 am 20 11 2019

Μέλη σε αυτή την Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες

Login Form