Hello. Im starting with WebYep, and I have 2 questions, please:
I dont know what is the loop, or how it works. I have implemented one in a trial page, and added three elements, and the page shows them three in line, one besides other. Is this a loop? I expected something automatically changing… can I see an example in a url, please?
I like the functionality of the image gallery, and with lightbox is really good. But I would like to know how to change the aspect with the CSS are said in the max action manual, page 39. What i have to do with these words?
manual says in a table:
CSS Class Name - Assigned, to…
.WebYepGalleryContainer
The tag containing the whole gallery.
You can style the rows and cells of that table with the CSS selectors:
.WebYepGalleryContainer tr and .WebYepGalleryContainer td
.WebYepGalleryFirstRow
the first
tag in the gallery.
.WebYepGalleryFirstColumn
the first
tag in a row.
.WebYepGalleryImage
the
tag surrounding the thumbnail image. You can style the actual image with the CSS selector:
.WebYepGalleryImage img
ahhh, forgot to note, that you need to start with an HTML-Item (DIV) named the way in this example (WebYepGalleryContainer ((I use inline elements with an undefined height)):
and the following point “events”. Login and hit the “plus” button to add another instance of a pre-designed simple structure.
Thank you. I supossed loop was like a banner that is changing every 3 seconds, for example, but now I notice that loop is just that you configure something that could be repeated.
The Gallery Extra Styles would be a bit more complicated (and really: Nobody can better express how to do than Max in his manual).
Proper followed Max’s instructions (and a lot of testings within the settings) it could be achieved something like this:
I really like your gallery (male partners here really like the gallery aswell), but, sincerely, I cant understand how to start with this. I followed Max instructions, and create a very simple gallery, but is so simple. I wolud like to do anything else, like in yours. I dont know where do you get what you put in yout image Skitch | Evernote. In which part of the program is this? And in your other image Skitch | Evernote is different aswell from my freeway (Pro 5.5)
I achieved without any further questions, so I expect you too
I really would like to read your forum, but I cant speak german.
sorry - but I have actually not time to explain all in detail (maybe tomorrow morning).
The explanation in the forum is unfortunately only in german, (as its nature of a small german freewaytalk I once started).
All the shown features in the screenshots believe me, are available for you, too. You are now entering the world of creating styles (TAG-styles). You reach this on edit → styles. The rest is in the first stage just mechanical typing and choosing.
Walter explained this very detailed how to do in a lot of lists here so probably seek for “tag styles”.
The red framed styles (on the left in one of the screenshots) need to be created.
And of course a simple html element the wy-gallery action applied on. So far for tonight.
Hello. Yes, Im now entering this marvellous world of styles…
In this lapsus of time, Ive found a Max Izzat example (in 2009) of the gallery, and looking everywhere in his example, and copying/pasting, Ive been able to make something (copying/pasting I can learn a lot… because I need to look for every detail…)
Well, so what I just would like to ask you is how can I get the miniature cropped like yours, instead of resized.
Well, for me is enough for tonite aswell… Im looking for creating styles information.
a note. When I asked for drop shadow, I mean the miniature has the drop shadow. I wolud like to have the miniatures like floating over my background with a drop shadow.
sorry again. Im trying but nothing. In your exampla, it should be that the light gray is transparent. I cant set it to white because my background is not a color, is an image.
and what i want is the gray color for the border to be transparent. But if I write transparetn, it dissapears, and the #2D1B00 is continuous in the row.
ok, sorry. You might think Im crazy, but really I became a bit crazy with that. Ive resolved, adding border-spacing:10px in the .WebYepGalleryContainer, not the .WebYepGalleryContainer td where I was making all the changes…!
But Im still interested in drop shadow applicated to the cells. Is it possible? With the webkit Waltd said?
OK - let’s have some notes on this (without any claim of correctness).
The most difficult part of the wy-gallery is the fact, that all the images are hold in a table. Aside from the fact, that tables are the strongest tool of holding content, I personal do not often use them, cause in fact, it could be done as well with inline divs instead. If it would be divs, the styling could be a bit more various than the table-cells. So it can be called one of the antique remnant of webyep coding making styling sometimes goofy.
Nonetheless I wrapped some thoughts on this and my result will probably make the css-experts grey hairs (and me too). While this method plays nicely in common browsers (chrome, safari, fox, opera) the biggest disease of the world won’t play this*.
I did the following:
The shadow (or whatever styles) need to be applied to the .WebYepGalleryImage Style. In addition, I made the table-borders to be solid transparent, 20px wide - something like this:
This is a huge (not yet finished) webyep project, that finally will be shipped out as a (or one of a few) ready built template to use. Isn’t it incredible (and remarkable) what can be done with webyep? With graphic kits it shall be recolored in minutes as well as the basic installations itself - well that’s the plan.