Lost Gray XHTML

[UweB]

I wanted to build a new template with a new photoframe i just created. Thereby i accidentaly deleted the default Gray XHTML Template. Now only the white and Gray XHTML UDM is left.

How can i get the template back into EE2?

The frame i created has a "negative/slide film" look and therefore different sizes on top/bottom versus left /right. Now this is a bit tricky to implement. The frame parts do not wrap around the image on all sides. It works now only with an active top/bottom frame without the corners and left/right frame parts.

An example of how the frame looks can be seen here: http://www.borck.ch/gallery/list.php?exhibition=10

I think it looks better on white than gray and perhaps even better on a black template. If there is demand i make it available for download as soon as the the overall design/style looks good in EE2.

Any comments, critique is welcome :-)

[Pekka]

Looks good!

I don't know why but I miss something (lighter line) in between the frame and the photo, maybe like in http://www1.istockphoto.com/file_thumbview_approve/265113/2/istockphoto_265113_film_frame_in_35mm.jpg

You could move the frame+photo left using negative positioning (or margin/padding) so that the lack of left frame component gets compensated.

BTW: you can make a frame graphics in photo page template based on orientation with

if ($orientation == "h") {
// frame template for horizontal photo
}

if ($orientation == "v") {
// frame template for vertical photo
}


Here's default GRAY XHTML style:


ee_version: 2.02
style_author: Pekka Saarinen, http://photography-on-the.net
style_description: Valid XHTML 1 STRICT.
style_graphs: templates/graphs/ee_2_default/
style_name: Gray XHTML
style_colors: templates/colors/dark_green.php
style_fonts: templates/fonts/trebuchet.php
style_globals: templates/pages/ee_2_default/all/basic_stuff_1.php
s_back_color: 383D46
s_graph_tab: templates/graphs/tabs/dark_gray_on_383D46.jpg
s_graph_tab_leftarrow: templates/graphs/ee_2_default/left.gif
s_graph_tab_rightarrow: templates/graphs/ee_2_default/right.gif
s_graph_counter_value: templates/graphs/ee_2_default/value.gif
s_ratings_color_0: 000000
s_ratings_color_1: 336666
s_ratings_color_2: 447777
s_ratings_color_3: 558888
s_ratings_color_4: 669999
s_ratings_color_5: 77aaaa
s_ratings_color_6: 88bbbb
s_ratings_color_7: 99cccc
s_ratings_color_8: aaeeee
s_ratings_color_9: bbffff
s_ratings_color_10: ffffff
index_content: templates/pages/ee_2_default/index/default_XHTML_content.php
index_layout: templates/pages/ee_2_default/index/default_XHTML_css.php
photo_content: templates/pages/ee_2_default/photo/default_XHTML_content.php
photo_content_slideshow: templates/pages/ee_2_default/photo/slideshow/default_XHTML_content.php
photo_content_error: templates/pages/ee_2_default/photo/error/default_XHTML_content.php
photo_layout: templates/pages/ee_2_default/photo/default_XHTML_css.php
browser_content: templates/pages/ee_2_default/list/default_XHTML_content.php
browser_layout: templates/pages/ee_2_default/list/default_XHTML_css.php
sitemap_content: templates/pages/ee_2_default/sitemap/default_XHTML_content.php
sitemap_layout: templates/pages/ee_2_default/sitemap/default_XHTML_css.php
news_content: templates/pages/ee_2_default/news/default_XHTML_content.php
news_layout: templates/pages/ee_2_default/news/default_XHTML_css.php
comments_content: templates/pages/ee_2_default/comments/default_XHTML_content.php
comments_layout: templates/pages/ee_2_default/comments/default_XHTML_css.php
guestbook_content: templates/pages/ee_2_default/guestbook/default_XHTML_content.php
guestbook_layout: templates/pages/ee_2_default/guestbook/default_XHTML_css.php
gear_content: templates/pages/ee_2_default/gear/default_XHTML_content.php
gear_layout: templates/pages/ee_2_default/gear/default_XHTML_css.php
eecommerce_content: templates/pages/ee_2_default/ee_commerce/default_XHTML_content.php
eecommerce_layout: templates/pages/ee_2_default/ee_commerce/default_XHTML_css.php
group_embedded_content: templates/pages/ee_2_default/group/embedded/default_XHTML_content.php
group_embedded_layout: templates/pages/ee_2_default/group/embedded/default_XHTML_css.php
exhibition_embedded_content: templates/pages/ee_2_default/exhibition/embedded/default_XHTML_content_horsort.php
exhibition_embedded_layout: templates/pages/ee_2_default/exhibition/embedded/default_XHTML_css.php
comment_embedded_content: templates/pages/ee_2_default/comments/embedded/default_XHTML_content.php
comment_embedded_layout: templates/pages/ee_2_default/comments/embedded/default_XHTML_css.php
guestbook_embedded_content: templates/pages/ee_2_default/guestbook/embedded/default_XHTML_content.php
guestbook_embedded_layout: templates/pages/ee_2_default/guestbook/embedded/default_XHTML_css.php
camera_embedded_content: templates/pages/ee_2_default/camera/embedded/default_XHTML_content.php
camera_embedded_layout: templates/pages/ee_2_default/camera/embedded/default_XHTML_css.php
lens_embedded_content: templates/pages/ee_2_default/lens/embedded/default_XHTML_content.php
lens_embedded_layout: templates/pages/ee_2_default/lens/embedded/default_XHTML_css.php
accessory_embedded_content: templates/pages/ee_2_default/accessory/embedded/default_XHTML_content.php
accessory_embedded_layout: templates/pages/ee_2_default/accessory/embedded/default_XHTML_css.php
rating_embedded_content: templates/pages/ee_2_default/comments/ratings/default_XHTML_content.php
rating_embedded_layout: templates/pages/ee_2_default/comments/ratings/default_XHTML_css.php
comment_inputform_content: templates/pages/ee_2_default/comments/inputform/default_XHTML_content.php
comment_inputform_layout: templates/pages/ee_2_default/comments/inputform/default_XHTML_css.php
guestbook_inputform_content: templates/pages/ee_2_default/guestbook/inputform/default_XHTML_content.php
guestbook_inputform_layout: templates/pages/ee_2_default/guestbook/inputform/default_XHTML_css.php
news_teaser_embedded_content: templates/pages/ee_2_default/news/excerpt/default_XHTML_content.php
news_teaser_embedded_layout: templates/pages/ee_2_default/news/excerpt/default_XHTML_css.php
news_embedded_content: templates/pages/ee_2_default/news/embedded/default_XHTML_content.php
news_embedded_layout: templates/pages/ee_2_default/news/embedded/default_XHTML_css.php
login_embedded_content: templates/pages/ee_2_default/login/inputform/default_XHTML_content.php
login_embedded_layout: templates/pages/ee_2_default/login/inputform/default_XHTML_css.php
custom_a_content: templates/pages/ee_2_default/custom/content_a.php



Note: add a linefeed (hit return) after the last line, or else the last line will be ignored.

[UweB]

Hi Pekka ! Thank's for the Gray XHTML template.

The frame design is a first try just to see how it all works and looks together with EE2. My first design was about as light in color as your example (i scanned an original negative film) but then i was not sure about the color... then i wanted to check was how the mathematics work behind your frame design and what it does if i change the integer values and so on...

I think the most difficult part will be to use the r_t and r_b corners.

How can i incorporate your example to base the frames on wide and hight? This feature would be very nice to use :-)