Υπάρχουν δύο αρχεία που σχετίζονται με τα άρθρα. Αυτά είναι article.tpl και authorsarticle.tpl.

Σχετικά έγγραφα
Ο κώδικας για να εισάγετε τα στατικά άρθρα στην κεντρική σας σελίδα είναι ο ακόλουθος:

How to register an account with the Hellenic Community of Sheffield.

Τα προγράμματα σε ASP που χρησιμοποιήθηκαν για την υλοποίηση της διαχείρισης των μαθημάτων.

2. ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ

Εργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής

Διάλεξη 2η Εισαγωγή στο CSS

Γαβαλάς Δαμιανός Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)

Εισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια

Ετικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον

Α ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ

1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section>

<a href=" στο κείμενο</a>.

CSS 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών

ΠΑΝΕΠΙΣΤΗΜΙΟ ΜΑΚΕΔΟΝΙΑΣ

Προγραμματισμός Διαδικτύου Ασκήσεις Εργαστηρίου

Java & Java EE 3o Μέρος: Διασφάλιση ασφάλειας σε εφαρμογές Java Enterprise Edition. Κακαρόντζας Γεώργιος

Βαρβάκειο Πρότυπο Γυμνάσιο Εργαστήρι Πληροφορικής Σχολ. Έτος Φύλλο Εργασίας 5

Στην τεχνολογία των CSS, οι κανόνες στυλ (style

CSS Εργαστήριο 5. Θέση και διάταξη

Βαρβάκειο Πρότυπο Γυμνάσιο

Άσκηση 6 Επαναληπτική Άσκηση HTML

PortSip Softphone. Ελληνικά Ι English 1/20

Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση ιστοσελίδων και η σύνταξη της είναι αρκετά απλή.

Στην ενότητα αυτή θα δούμε πως με CSS ιδιότητες μπορούμε να ορίσουμε μέγεθος, γραμματοσειρά και άλλα χαρακτηριστικά του κειμένου στην ιστοσελίδα μας

Οδηγίες Αγοράς Ηλεκτρονικού Βιβλίου Instructions for Buying an ebook

Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο

WEB HTML. Web HTML MIDI. Web 5.1: HTML LAN

Οδηγίες Πρόσβασης στο EndNote Web. Πρόσβαση στο EndNote Web

Εμφάνιση και κρύψιμο στοιχείων

Διάλεξη 6η CSS Advanced

JOOMLA CMS ΒΑΣΙΚΗ ΠΑΡΑΜΕΤΡΟΠΟΙΗΣΗ (PART I)

Οδηγίες χρήσης. Registered. Οδηγίες ένταξης σήματος D-U-N-S Registered στην ιστοσελίδα σας και χρήσης του στην ηλεκτρονική σας επικοινωνία

Βαρβάκειο Πρότυπο Γυμνάσιο

Οδηγίες χρήσης υλικού D U N S Registered

Cascading Style Sheets Φόρμες (Forms)

Java & Java EE 1o Μέρος: Servlets και Java Server Pages. Κακαρόντζας Γεώργιος

Εισαγωγή στην Ανάπτυξη Εφαρμογών Web με Χρήση της Python, του Apache και του mod_python

Τεχνολογίες Διαδικτύου. Server Side Scripting I PHP

Φόρμες. Γενικοί κανόνες. Η ετικέτα <form>

Είσοδος στην Υπηρεσία WebMail

Η γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία

"Εθαξκνγέο Δηαδηθηύνπ"

Springer Book Series, Springer Science + Business Media

HTML Εισαγωγή στην HTML και τα CSS

CSS 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών

Δημιουργία Λογαριασμού Διαχείρισης Business Telephony Create a Management Account for Business Telephony

ΕΠΛ 012. θεωρία Σχεδιασµού Ιστοσελίδων

Σχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος

Προγραμματισμός Παγκόσμιου Ιστού

Προγραμματισμός Παγκόσμιου Ιστού

Εργαστήριο #9 Τι πρέπει να έχετε ολοκληρώσει από το προηγούμενο εργαστήριο. βεβαιωθείτε ότι έχετε ολοκληρώσει τις προηγούμενες ασκήσεις Οδηγίες

ADAM. Διαδικτυακή πύλη για σχέδια και προϊόντα του Leonardo da Vinci 16/10/2009 Αγγελάκης Γιώργος

CSS 3. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

Cascading Style Sheets

ΕΛΛΗΝΙΚΟ ΑΝΟΙΚΤΟ ΠΑΝΕΠΙΣΤΗΜΙΟ

Εισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος

ιαχείριση Πληροφοριών στο ιαδίκτυο

Στοιχεία ορισμού θέσης (Positioning Elements)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

Joomla! with K2 - User Guide

Επαναληπτική Άσκηση ΕΤΙΚΕΤΕΣ HTML

Υλοποίηση Δικτυακών Υποδομών και Υπηρεσιών: Web εφαρμογή με χρήση LDAP και SMTP Server

ΠΡΟΣΟΧΗ: Οι απαντήσεις πολλαπλής επιλογής µόνο πάνω στο ΦΥΛΛΟ ΑΠΑΝΤΗΣΕΩΝ

«Σύστημα ΔΕΠ» ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ. Έκδοση 1.1

Basic Missions

Συστήματα Διαχείρισης Περιεχομένου στον Παγκόσμιο Ιστό Διάλεξη #7 η : Επιλογές εμφάνισης άρθρων. Modules. Γαβαλάς Δαμιανός dgavalas@aegean.

Λίγα λόγια από το συγγραφέα Κεφάλαιο 1: Microsoft Excel Κεφάλαιο 2: Η δομή ενός φύλλου εργασίας... 26

CYTA Cloud Server Set Up Instructions

Περιεχόμενα. Γαβαλάς Δαμιανός

Ποιες είναι οι κύριες ετικέτες που χρησιμοποιεί η HTML για την περιγραφή της συνολικής δομής μιας ιστοσελίδας;

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ LIVETRIP TRAVELLER

Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)

Passport number (or) διαβατηρίου (ή)

Εργαστήριο 9. Προγραμματιστικές Εφαρμογές στο Διαδίκτυο. Στόχος. Προετοιμασία περιβάλλοντος εργασίας

ΒΑΣΙΚΕΣ ΑΡΧΕΣ ΣΧΕΔΙΑΣΜΟΥ ΕΦΑΡΜΟΓΩΝ

Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης

Εγχειρίδιο Χρήστη ECAS

Coding Bootcamp. Εισαγωγή στo CSS

Cascading Style Sheets (CSS)

Εγχειρίδιο χρήσης Print2PDF σελ. 1 από 32

Θέμα πτυχιακής εργασίας: ΑΝΑΠΤΥΞΗ ΕΜΠΟΡΙΚΟΥ ΠΑΚΕΤΟΥ ΓΙΑ ΕΠΙΧΕΙΡΙΣΗ ΧΟΝΔΡΙΚΗΣ ΜΕ ΧΡΗΣΗ CMS. Επιμέλεια: Κασσαβέτη Ευγενία, Παρχαρίδου Μαρία

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

1. Απαιτήσεις εργασίας

This is an electronic reprint of the original article. This reprint may differ from the original in pagination and typographic detail.

ΤΕΧΝΟΛΟΓΙΚΟ ΕΚΠΑΙΔΕΥΤΙΚΟ ΙΔΡΥΜΑ (Τ.Ε.Ι.) ΚΑΒΑΛΑΣ ΣΧΟΛΗ ΔΙΟΙΚΗΣΗΣ ΚΑΙ ΟΙΚΟΝΟΜΙΑΣ ΤΜΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΠΛΗΡΟΦΟΡΙΩΝ ΘΕΜΑ:

ΠΤΥΧΙΑΚΗ ΕΡΓΑΣΙΑ ΘΕΜΑ

Διάλεξη 3η HTML intermediate

Ανάπτυξη Voice Web Εφαρμογής με χρήση S A L T

METALIB Σύστημα μετα-αναζήτησης για ηλεκτρονικές πηγές πληροφόρησης

CSS. Εισαγωγή & Βασικές έννοιες. Cascading Style Sheets. Επικαλυπτόμενα φύλλα στυλ

Κεφάλαιο 4 HyperText Markup Language - HTML. Προγραμματιστικά εργαλεία για το διαδίκτυο Φίλιππος Κουτσάκας, Πολύγυρος 2013

ΑΝΑΠΤΥΞΗ ΒΑΣΗΣ ΔΕΔΟΜΕΝΩΝ ΚΑΙ ΙΣΤΟΤΟΠΟΥ ΕΠΙΚΟΙΝΩΝΙΑΣ ΓΙΑ ΤΗΝ ΑΝΑΖΗΤΗΣΗ ΕΡΓΑΣΙΑΣ/ΠΡΟΣΩΠΙΚΟΥ

ΣΗΜΑΣΙΟΛΟΓΙΚΟΣ ΙΣΤΟΣ - XML

Παράρτημα A: PHP, HTML φόρμες και το πρωτόκολλο HTTP.

Χρήση της PHP και επικοινωνία με τη MySQL

Συλλογή και Επεξεργασία Δεδομένων με Φόρμες

Σχεδίαση και Ανάπτυξη Ιστότοπων. HTML Στοιχεία - Βασικές Ετικέτες Ειδικοί Χαρακτήρες Παρουσίαση 5 η. Βελώνης Γεώργιος Καθηγητής Πληροφορικής ΠΕ20

Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 5 ο Τεχνολογίες Διαδικτύου: HTML I

Web Programming for Dummies

Transcript:

Article.tpl Υπάρχουν δύο αρχεία που σχετίζονται με τα άρθρα. Αυτά είναι article.tpl και authorsarticle.tpl. Το article.tpl σχετίζεται με την εμφάνιση ενός άρθρου της επιλεγμένης κατηγορίας ή του επιλεγμένου συνδιασμού κατηγορίας/ υποκατηγορίας. Αυτο το block κώδικα εμφανίζει ένα banner με εικονίδια, με τα οποία μπορείτε να μειώσετε ή να αυξήσετε το μέγεθος της γραμματοσειράς του άρθρου, να το στείλετε μέσω email, να το εκτυπώσετε ή να το μετατρέψετε σε pdf. {if $smarty.get.action neq 'print' && $smarty.get.action neq 'email'} <div class="articles"> <div id="banner"> href="{$smarty.const.website_root}/cms/common/pdf.php?article_id={$id}" target="_new"> href="{$smarty.const.website_root}/cms/common/pdf.php?article_id={$id}" target="_new"> <img src="{$smarty.const.theme_root}/themename/images/article_img/pdf-icon.png" align="right" border="none"/></a> href="{$smarty.const.website_root}/article.php?action=print&lang={$smarty.sessi on.session_lang}&category_name={$smarty.get.category_name}&title={$smarty.get.ti tle}" rel="gb_page_fs[];"> href="{$smarty.const.website_root}/article.php?action=print&lang={$smarty.sessi on.session_lang}&category_name={$smarty.get.category_name}&subcategory_name= {$smarty.get.subcategory_name}&title={$smarty.get.title}" rel="gb_page_fs[];"> <img src="{$smarty.const.theme_root}/themename/images/article_img/print.png" align="right" class="print" border="none"/></a> href="{$smarty.const.website_root}/article.php?action=email&lang={$smarty.sess ion.session_lang}&category_name={$smarty.get.category_name}&title={$smarty.get.t itle}" rel="gb_page_center[600,400];"> href="{$smarty.const.website_root}/article.php?action=email&lang={$smarty.sess ion.session_lang}&category_name={$smarty.get.category_name}&subcategory_name=

{$smarty.get.subcategory_name}&title={$smarty.get.title}" rel="gb_page_center[600,400];"> <img src="{$smarty.const.theme_root}/themename/images/article_img/mail.png" align="right" class="mail" border="none"></a> href="javascript:decreasefontsize();"><img src="{$smarty.const.theme_root}/themename/images/article_img/decrease_font_wh ite.png" align="right"border="none"/></a> href="javascript:increasefontsize();"><img src="{$smarty.const.theme_root}/themename/images/article_img/font-increase_whi te.png" align="right" border="none"/></a> Χρησιμοποιώντας αυτό το ajax pop-up παράθυρο, συμπληρώνοντας τα απαραίτητα πεδία μπορείτε να στείλετε το άρθρο σας μέσω mail ή να το εκτυπώσετε. {if $smarty.get.action eq 'email'} <meta http-equiv="content-type" content="text/html; charset=utf-8"> {literal}<style type="text/css">body{font-family: 'Verdana','courier new', 'Arial', 'Trebuchet MS', 'Sans-Serif'!important; font-size:12px!important; margin:0 auto; width: 600px; padding:10px; }</style>{/literal} {if isset($smarty.post.send_email)} {if $empty_fields neq ''} <strong style="color: red;">{$empty_fields}</strong> {if $sent} <strong style="color: red;">{t}your email has been sent successfully{/t}!</strong> error <form method="post"> <strong>{$site_name} EMAIL: <br />{$title capitalize}</strong><br /><br /> {t}e-mail address{/t}: *<br /> <input type="text" name="email_recipient" value="" size="30"/> <br /> {t}your e-mail address{/t}: * <br /><input type="text" name="email_poster" value="" size="30"/> <br /> {t}your name{/t}: * <br /><input type="text" name="name_poster" value="" size="30"/><br /> <input type="submit" name="send_email" value="{t}send email{/t}" /><br /><br /> <input type="hidden" name="email_title" value="{$title}" /> *: <i>{t}these fields are required{/t}</i> </form> {elseif $smarty.get.action eq 'print'}

<meta http-equiv="content-type" content="text/html; charset=utf-8"> {literal}<style type="text/css">body{font-family: 'Verdana', 'courier new', 'Arial', 'Trebuchet MS', 'Sans-Serif'!important; font-size:12px!important; margin:0 auto; width: 600px; }</style>{/literal}<br /><br /> <input type="button" class="formbuttonsubmit" value="εκτύπωση" id="imgprint" onclick="printme();"/><br /><br /> <h1>{$site_name}</h1> {literal}<style type="text/css">.date_border{border-top:1px solid #000; border-bottom:1px solid #000; height:20px;}</style>{/literal} Εαν ο χρήστης έχει administrator or Super author δικαιώματα, το άρθρο μπορεί να είναι επεξεργάσιμο {if ($admin==1) or ($userlevel_name eq 'Super Authors') or ($username eq $published_by)} <div class="article_edit"> href = "{$smarty.const.website_root}/cms/articles/authorsarticle.php?action=edit&id={$i d}&category_name={$smarty.get.category_name}" rel="gb_page_fs[]">{t}edit article{/t}</a></div> Αυτός είναι ο κώδικας του main body του άρθρου ο οποίος σας δίνει τη δυνατότητα να χωρίζετε το άρθρο σας σε πολλαπλές σελίδες εαν το επιθυμείτε { if ($credits == 0)} <div class="main_title">{$title}</div><br/> <div class="articles_txt">{$description} {$body2} {if isset($smarty.post.full_article)}</div> {if $login==0} {t}you need to login in order to view full article{/t}!<br><br> {t}if you are not registered yet please follow the link: {/t} href="../userauth/register.php">{t}register{/t}</a> {t}when you register you have bonus of 10 credits{/t}! <br><input type="button" value="go Back" class="formbuttonsubmit" onclick="history.back()"><br><br>

{elseif ($user_credits < $credits) } {t}you have{/t} {$user_credits} {t}credits{/t}. {t}there are not enough credits for this article{/t}! href="addcredits.php">{t}add credits into your account!{/t}!</a><input type="button" value="cancel" class="formbuttonsubmit" onclick="history.back()"> <div class="main_title">{$title}</div> {$body2} <br /><br /> {t}posted on{/t}: {$date date_format:"%d/%m/%y"} {if $display_author eq 'fullname'} {t}by{/t}: {$published_by_name capitalize} {if $display_author eq 'username'} {t}by{/t}: {$published_by capitalize} <p><br></p> <div class="main_title">{$title}</div> <br> <span class="credits">{t}credits{/t}:</span>{$credits} <br><br><input type="submit" class="formbuttonsubmit" value="view full article" name="full_article"><input type="button" value="cancel" class="formbuttonsubmit" onclick="history.back()"><br><br> { if ($credits == 0)} <div class="main_title">{$title}</div><br/>

{if $body2 eq ''} {if ($body2 neq '') && ($smarty.get.anchor eq 'first' or $smarty.get.anchor eq '')} <div class="paging"> category_name urlencode urlencode}/{$smarty.get.title urlencode urlencode}/second.h tml">page2</a></div> <div class="paging"> category_name urlencode urlencode}/{$smarty.get.subcategory_name urlencode urlen code}/{$smarty.get.title urlencode urlencode}/second">page2</a></div> {if ($body2 neq '') && ($smarty.get.anchor eq 'second')} {$body2} <div class="paging2"> category_name urlencode urlencode}/{$smarty.get.title urlencode urlencode}/first.htm l">page 1</a></div> <div class="paging2"> category_name urlencode urlencode}/{$smarty.get.subcategory_name urlencode urlen code}/{$smarty.get.title urlencode urlencode}/first">page 1</a></div> <div class="articledescription">{t}posted on{/t}: {$date date_format:"%d/%m/%y"} <br> {if $display_author eq 'fullname'} {t}by{/t}: {$published_by_name capitalize} {if $display_author eq 'username'} {t}by{/t}: {$published_by capitalize} </div><p><br></p> {if isset($smarty.post.full_article)}

{if $login==0} {t}you need to login in order to view full article{/t}!<br><br> {t}if you are not registered yet please follow the link: {/t} href="../userauth/register.php">{t}register{/t}</a> {t}when you register you have bonus of 10 credits{/t}! <br><input type="button" value="go Back" class="formbuttonsubmit" onclick="history.back()"><br><br> {elseif ($user_credits < $credits) } {t}you have{/t} {$user_credits} {t}credits{/t}. {t}there are not enough credits for this article{/t}! href="addcredits.php">{t}add credits into your account!{/t}!</a><input type="button" value="cancel" class="formbuttonsubmit" onclick="history.back()"> <div class="main_title">{$title}</div> {if $body2 eq ''} {if ($body2 neq '') && ($smarty.get.anchor eq 'first' or $smarty.get.anchor eq '')} <div class="main_title">{$description}</div> <div class="paging"> category_name urlencode urlencode}/{$smarty.get.title urlencode urlencode}/second.h tml">page2</a></div> <div class="paging"> category_name urlencode urlencode}/{$smarty.get.subcategory_name urlencode urlen code}/{$smarty.get.title urlencode urlencode}/second">page2</a></div> {if ($body2 neq '') && ($smarty.get.anchor eq 'second')} {$body2}

<div class="paging2"> category_name urlencode urlencode}/{$smarty.get.title urlencode urlencode}/first.htm l">page 1</a></div> <div class="paging2"> category_name urlencode urlencode}/{$smarty.get.subcategory_name urlencode urlen code}/{$smarty.get.title urlencode urlencode}/first">page 1</a></div> <br /> {t}posted on{/t}: {$date date_format:"%d/%m/%y"} {if $display_author eq 'fullname'} {t}by{/t}: {$published_by_name capitalize} {if $display_author eq 'username'} {t}by{/t}: {$published_by capitalize} <p><br></p> <div class="main_title">{$title}</div> <br> <span class="credits">{t}credits{/t}:</span>{$credits} <br><br><input type="submit" class="formbuttonsubmit" value="view full article" name="full_article"><input type="button" value="cancel" class="formbuttonsubmit" onclick="history.back()"><br><br> Με τον κώδικα αυτό δημιουργείτε ένα facebook like link για κάθε άρθρο <iframe src="http://www.facebook.com/plugins/like.php?href={$smarty.const.website_root }{$smarty.server.request_uri}&layout=standard&show_faces=true& width=450&action=like&colorscheme=light&height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:30px;" allowtransparency="true"></iframe> Προσθέτοντας αυτό το κομμάτι κώδικα σας δίνεται η δυνατότητα να εμφανίζεται ολόκληρο το όνομα του συγγραφέα ή το username του

{if $display_author eq 'fullname'} {t}posted by{/t}: {$published_by_name capitalize} {if $display_author eq 'username'} {t}posted by{/t}: {$published_by capitalize} Με τον παρακάτω κώδικα μπορείτε να επιλέξετε ένα συγκεκριμένο album, όταν προσθέτετε ή επεξεργάζεστε ένα άρθρο, το οποίο να συσχετίσετε με το άρθρο στο οποίο βρίσκεστε και έπειτα θα δημιουργηθεί μια gallery με τυχαία thumbnails απο το album αυτό (η προεπιλογή είναι 8) τα οποία θα ανοίγουν με pop-up παράθυρο και θα ανανεώνονται σε κάθε refresh της σελίδας. Αυτό το div κατασκευάζει μια μικρή gallery η οποία σχετίζεται με το άρθρο <!-- Display the associative gallery --> {section name=gal_images loop=$list_image_name} <div class="article_gallery"> <span class="thumbnails"> <!-- Display only 8 thumbnails --> {if $smarty.section.gal_images.iteration <= 8} <div class="article_thumb"> href="{$smarty.const.website_root}/gallery/images/category{$list_image_catid}/{$ list_image_name[gal_images]}" > {if $smarty.section.gal_images.iteration <= 8} <img src="{$smarty.const.website_root}/gallery/images/thumbnails/category{$list_imag e_catid}/tn_{$list_image_name[gal_images]}" width="50px" height="50px" style="border-width:0px;" align="middle"/> </a> {if $smarty.section.gal_images.iteration <= 8} </div> </span> <div class="clear"></div> </div> {/section} <!--end, Display the associative gallery -->