Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
You must be right...before receiving your answer, I copy/pasted the template from the AutoIndex to a CE4Pages template, did some minor tweaks to unrelated design points and swapted the intro page from the AutoIndex to the Pages template and voilà!
The phplugins file is cleaner. No Javascript. Looks good now.
I'll be testing it on various platforms before moving on.
There's bound to be other issues, like the thumbnails on the Galleries page that are too big....
Thanks again.
No background color is checked. The only one is that Page Body / Page Background that has that color, but as you stated, it should be there as a backup and the CSS script should supersede it. But, for some reason I still stuck with that solid color.
I double checked the Server path to phplugins and it's ok.
However, this might be of concern : it's the phplugins file within the phplugins folder.
function ttg_head_end( $style, $path ) {
echo '
<link rel="stylesheet" href="http://lucnadeau.ca/phplugins/css/custom.css" />
';
// IMPLEMENT STACKBLUR.JS TO BLUR PAGE BACKGROUND, USING THE "PAGE IMAGE" DEFINED IN LR AS BACKGROUND
function ttg_body_bottom( $style, $path ) {
echo '
<script src="./phplugins/js/simple-js-inheritance.js" type="text/javascript"></script>
<script src="./phplugins/js/stackblur.min.js" type="text/javascript"></script>
<script type="text/javascript">
if (
(navigator.userAgent.match(/Android/i)) ||
(navigator.userAgent.match(/Blackberry/i)) ||
(navigator.userAgent.match(/SymbianOS/i)) ||
(navigator.userAgent.match(/iPhone/i)) ||
(navigator.userAgent.match(/iPod/i)) ||
(navigator.userAgent.match(/iPad/i))
) {} else {
var blur = new Blur({
el : document.querySelector("body"),
path : "photos/' . PAGEIMAGE . '",
radius : 2,
fullscreen : true
});
}
</script>
';
} // END
} // END
I think I may have tried something and I thaught it may be harmfull but after removing the code and checking the site I came to the conclusion that it has no effect either way.
What's strange is that within the site itself (as soon as you click on FRANÇAIS) the background is exactly how I want it. The offending page is an AutoIndex page. Should I have been better served by a PAGES template to do this function? It's only ment to steer people to french or english version of the site?
I'm sorry, but I can't find where to get this setting right. Furthermore, fiddling around with Lib/CSS/style-common.css I now have that solid color ALSO on the Mac!
Thinking that this file covered all pages (there is the word "common" in the name) I saw:
/* Typography
======================================== */
/* Normalize font-size for device-pixel-ratio */
html {
background-color: #E2D7B5;
font-size: 14px;
min-height: 100%;
}
" background-color: #E2D7B5 " witch is exactly that solid color. I removed that color code and...low and behold, I saw the solid color appear under that moose name-plate and the background (under that ripped paper image) became...white. So, I learned something: the background is under everything.
So, I put that color code back. The background, the lowest level's color was restored. Great. But now, I have that solid color under the moose name-plate!
I am at a loss here.
This is the url : lucnadeau.ca
I want a backgroung image instead of a solid color on the background. I created the image and placed it in the "images" folder within the "phplugins" folder. I wrote the script within the "custom css" file as :
body {
background-attachment: fixed;
background-image: url(/phplugins/images/background-image.png);
background-position: center top;
background-repeat: repeat;
}
All this works fine on my Mac box, but when viewing on a Windows system, I get this solid color over the image background. In the CE4 AutoIndex settings, there is a background color stipulated but I taught that the CSS script would supersede this setting. And there is no way, as far as I can tell, to NOT have a color in the PAGE BODY/page background in TTG CE4 AutoIndex.
What am I doing wrong?
I posted screen shots of both systems displaying "different" home pages : http://pideja.ca/images.jpg
I got the thumbnails to (at least) get to a 5:3 ratio by placing the sliders to 500/300. I also tried all kinds of other combinations but these are the smallest thumbnail albums I could produce. Any way to control the size/ratio better? Why can't I get more manageable sizes? These are frankly still too large.
I guess if I create a "custom" thumbnail, I would not get these random ones., but where do I place them?
See it all here : http://lucnadeau.ca
I replaced the preference file to no avail. Looking into the packet, I see
supporting_files/ttg-icon.png
on line 17 but that does not help me a lot. I know the images are in the "supporting files" folder where they are expected to be and that there a line referring to them in the
TTGPublishServiceProvider.lua
file, but why can't Lightroom not see it?
Rather drastic, don't you think?
Should I trash it all? I mean there are 29 folders in there...plus all my templates and web engines.
I keep getting this error message :
branding image file supporting_files/ttg-icon.png not found
So Publisher is installed but not activated.
I checked the contents of the CE4-Publisher.lrplugin file and the supporting_files folder there are two files : ttg-icon-large.png and ttg-icon.png
So, what's the deal here? The publisher folder is within the ttg-be folder where it should be, I think.
Looking into the "the Auto Index" section, I fail to see where it is that would set album and thumbnail sizes. In "The grid setup for the Auto Index" there are controls for padding, margin and border sizes along with the mantle and the core widths.
Then, there is the "Albums setup for the Auto Index". This is where is set the Auto Index type to Iconic. But, the are no album/thumbnails sizes to set. Instead there are "aspect ratio" slisers, "Album Columns", "Album Info Height" and "Album Spacing" settings.
I've made a screen capture of "the Auto Index" pane here :
Can you see size settings somewhere?
Meanwhile, trying to format the "galleries" section...I can't find where one formats the thumbnail albums and the thumnails to display on the "galleries" page. I'm shooting for four galleries, iconic style.
I see an aspect ratio slider (I set it to 1/3)for the thumbnail albums.
But no album height and/or width! So, I'm stuck with 600px high x 200px wide albums.
I've looked everywhere...can't find it.
The text appearing on the album overlay is black...no color selection apparent.
Got the background to work. Thank you.
I placed the background instructions into the Custom CSS file in the "portal" page because the effect should be site-wide.
I then placed the image positioning instructions within the "Fr/plugins/custom css" folder because the effect should affect only the info page.
I also tried placing all instructions in either of the CSS folders : Only the background functions when in the "portal" css folder.
Must be a typo or syntax error again...
I'm sure this ain't quite legit :
I went directly to the info.php file and found where the image was discribed. I then added these <style> lines
<img class="the-block-image alignright" src="photos/expo.jpg" alt="7,5 x 12,5 cm, eau-forte" width="616" height="1024" />
<style>
img {
position: absolute;
right: 390px;
top: 100px;
}
</style>
I hope this wont cause trouble down the line but until I get to write these lines in the CSS file, this works for now.
What do you think?
I must be doing something wrong :
-I copied the code suggested in the Custom.Css file to no avail. Since the image is part of the block, does this hinder the process?
- same for those few lines at the top of the CSS file. Supposed to display a background image throughout the site. No such luck.
I already used this effect, no problem, on another site. Looking for the mistake.
Thanks for the help with this. I should be able to find my mistake, hopefully.
I put up the re-built site here: lucnadeau.ca It's still in progress so a lot of the links, formatting and content has to be added and/or tweaked.
Once on the first page, use the "FRANÇAIS" link. The "ENGLISH" link is dead for now.
Question : how can I control the position of an image on a page? The "EXPOSITIONS" tab leads to a page where I tried to line up the image to the right of the list-text. However, I find it's too high. Is this a case for CSS?
Thanks for taking the time to look at this.
I've already started re-building the site in CE4.
For the record : I had started and was well advanced when, getting to the contact page, I had this troublem with aligning the reply boxes relative to an image I wanted to put on the page. Having problems getting it as I wanted, I had this crazy idea to build another contact page in a different CE4 Pages template, sample that part of the code that concerned the contact page from the lrtemplate file and paste it onto the contact page I was having problems with. I guess you can't do that. At least the way I tried it because from then on, Lightroom did not recognize the amended lrtemplate file.
So, I'm re-building the site.
This is the first upgrade to CE4 so, I can't import any previously designed page because they where all CE3!
Well, I resolved to start over...but, when I finally get this template right. I'm worried that doing the copy/paste routine might end up with the same mistake! I've been at this rebuild all day and will still be at it tomorrow.
Plus, I still have those formatting problems for the Contact page that where at the origin of all this mess.
This "source" template will not load or be recognized by Lightroom, even with the name
CE4Pages-fr.lrtemplate
I think the mistake may stem from a modification I wanted to implement to the template. I was having trouble aligning the contact reply boxes with the text and, after multiple tries, I resorted to create a contact page (only) on another "new" template. Saved in Lightroom. Close the app and edit the code of the original template with that part of the new template that contained the contact settings with a text editor (SMULTRON or TEXT WRANGLER). Evidently, this did not go too well.
The "target" template is here: http://pideja.ca/CE4Pages-Fr.lrtemplate
The "source template is here: http://pideja.ca/SOURCE_CE4Pages-fr.lrtemplate
I don't know how to submit files as attachments. Copying all the code exeeds the character limit for this post.
So I do have all the settings in a "template" file, but it's not recognized by Lightroom.
Yes Rod, I created the both templates with Lightroom: one with all the settings and a "target" one that is blank. Then I used Text Wrangler to do the copy/paste operation.
Somehow, the file type seems to change enough so that Lightroom rejects it.
By the way, the "new" template IS in the web templates folder. But Lightroom does not recognize it. I can't even use the "import" button to load it: I get the error message ...
incorrect model
I created a CE4 Pages templates and now, I want to share it. So, in Text Wrangler, I copied all the lines starting at
styleData = {
on the designed template and pasted these lines into the new, blank template at the appropriate place. Save and close.
Restarting Lightroom, the new template ...isn't there! For some reason, it does not show up in the template list. Does the fact that the usual icon (a kind of page with a corner curved) that usually indicates a template changed to something else?
Thank you Rod and Daniel.
Will look into this, sure will help.