Difference between revisions of "User:Luccagenes/Sandbox/TestPage1"

From FamilySearch Wiki
Jump to navigation Jump to search
(The first adbox (Specialty Projects) has been activated to display a different image daily (UTC time))
(second advertizing box (adbox) is now operational too.)
Line 36: Line 36:
  
 
<!-----------------------------Advertizing box ONE-------------------------->
 
<!-----------------------------Advertizing box ONE-------------------------->
<!-------------------------------Advertizing_box_background------------------->  
+
<div style="position:relative; width:950px; height:700px; float:left;">
<div style="position:relative; width:950px; height:700px; float:left;"><!-----------------------------Advertizing_box_ONE---------------------------> <div style="position:absolute; font-size:14px; top:45px; left:0px; width:465px; height:240px; background: linear-gradient(white 0%, white 50%, #E0E0E0 90%, #D0D0D0 100%); box-shadow:0px 4px 2px 0px #aaaaaa; padding:1px; color:white"></div> <!--------------------------------------------------Title_position-------------> <div style="position:absolute; font-size:28px; top:65px; left:0px; width:450px; height:25px; padding-left:10px; font-family:museo; color:#4d4d4a;"><center>'''Specialty Projects'''</center></div><br>  <!---------------End_of_background_iimage------------------------------------> <!----------------------ENTER_EQUATION_AND_TEMPLATE_HERE-----------------> <div style="position:absolute; top:40px; left:0px; width:450px; height:150px;">{{#switch:{{CURRENTDAY}}
+
<!-----------------------DO_NOT_EDIT_BACKGROUND_IMAGE_BELOW-------------->
 +
<!-----------------------------Advertizing_box_ONE---------------------------> <div style="position:absolute; font-size:14px; top:45px; left:0px; width:465px; height:240px; background: linear-gradient(white 0%, white 50%, #E0E0E0 90%, #D0D0D0 100%); box-shadow:0px 4px 2px 0px #aaaaaa; padding:1px; color:white"></div>  
 +
<!--------------------------------------------------Title_position-------------> <div style="position:absolute; font-size:28px; top:65px; left:0px; width:450px; height:25px; padding-left:10px; font-family:museo; color:#4d4d4a;"><center>'''Specialty Projects'''</center></div><br>   
 +
<!-----------------------DO_NOT_EDIT_BACKGROUND_IMAGE_ABOVE-------------->
 +
<!---------------End_of_background_iimage------------------------------------> <!----------------------ENTER_EQUATION_AND_TEMPLATE_HERE-----------------> <div style="position:absolute; top:40px; left:0px; width:450px; height:150px;">{{#switch:{{CURRENTDAY}}
 
|1={{Template:Adbox1 News1}}
 
|1={{Template:Adbox1 News1}}
 
|2={{Template:Adbox1 News2}}
 
|2={{Template:Adbox1 News2}}
Line 74: Line 78:
  
 
<!-----------------------------Advertizing box TWO--------------------------->
 
<!-----------------------------Advertizing box TWO--------------------------->
<div style="position:absolute; font-size:14px; top:45px; left:480px; width:465px; height:240px; background: linear-gradient(white 0%, white 50%, #E0E0E0 90%, #D0D0D0 100%); box-shadow:0px 4px 2px 0px #aaaaaa; padding:1px; color:white">
+
<!-----------------------DO_NOT_EDIT_BACKGROUND_IMAGE_BELOW-------------->
<!-------------Text position------------->
+
<!-----------------------------Advertizing_box_ONE---------------------------> <div style="position:absolute; font-size:14px; top:45px; left:480px; width:465px; height:240px; background: linear-gradient(white 0%, white 50%, #E0E0E0 90%, #D0D0D0 100%); box-shadow:0px 4px 2px 0px #aaaaaa; padding:1px; color:white"></div>  
</div> <div style="position:absolute; top:100px; left:495px; width:230px;">This area (plus the sidebar list) will be used to highlight one or two active Wiki Projects which will be rotated periodically. This box will report project status and announcements<br><br> <center>Learn More</center> </div>
+
<!--------------------------------------------------Title_position-------------> <div style="position:absolute; font-size:28px; top:65px; left:480px; width:450px; height:25px; padding-left:10px; font-family:museo; color:#4d4d4a;"><center>'''Wiki Projects'''</center></div><br> 
<br>
+
<!-----------------------DO_NOT_EDIT_BACKGROUND_IMAGE_ABOVE-------------->
<!-------------Title position------------->
+
<!---------------End_of_background_iimage------------------------------------> <!----------------------ENTER_EQUATION_AND_TEMPLATE_HERE-----------------> <div style="position:absolute; top:40px; left:480px; width:450px; height:150px;">{{#switch:{{CURRENTDAY}}
<div style="position:absolute; font-size:28px; top:65px; left:500px; width:420px; height:25px; padding-left:10px; font-family:museo; color:#4d4d4a;"><center>'''Wiki Projects'''</center></div>  
+
|1={{Template:Adbox2 News1}}
<!-------------Image position------------->
+
|2={{Template:Adbox2 News2}}
<div style="position:absolute; top:128px; padding-left:10px; left:730px;">[[Image:1000px-Map of USA Highlighting IL.png|180x130px|1000px-Map of USA Highlighting IL.png]]<br><center>'''Illinois State Project'''</center> </div> </div>
+
|3={{Template:Adbox2 News3}}
 +
|4={{Template:Adbox2 News4}}
 +
|5={{Template:Adbox2 News5}}
 +
|6={{Template:Adbox2 News6}}
 +
|7={{Template:Adbox2 News7}}
 +
|8={{Template:Adbox2 News4}}
 +
|9={{Template:Adbox2 News1}}
 +
|10={{Template:Adbox2 News6}}
 +
|11={{Template:Adbox2 News3}}
 +
|12={{Template:Adbox2 News2}}
 +
|13={{Template:Adbox2 News6}}
 +
|14={{Template:Adbox2 News5}}
 +
|15={{Template:Adbox2 News2}}
 +
|16={{Template:Adbox2 News7}}
 +
|17={{Template:Adbox2 News3}}
 +
|18={{Template:Adbox2 News5}}
 +
|19={{Template:Adbox2 News2}}
 +
|20={{Template:Adbox2 News5}}
 +
|21={{Template:Adbox2 News6}}
 +
|22={{Template:Adbox2 News3}}
 +
|23={{Template:Adbox2 News2}}
 +
|24={{Template:Adbox2 News4}}
 +
|25={{Template:Adbox2 News7}}
 +
|26={{Template:Adbox2 News2}}
 +
|27={{Template:Adbox2 News1}}
 +
|28={{Template:Adbox2 News4}}
 +
|29={{Template:Adbox2 News5}}
 +
|30={{Template:Adbox2 News3}}
 +
|31={{Template:Adbox2 News7}}
 +
}}</div>  
 +
<br>
 +
<!----------------------ENTER_EQUATION_AND_TEMPLATE_ABOVE----------------> </div>
 
<!------------------END_OF_ADVERTIZING_BOXES------------------------------>
 
<!------------------END_OF_ADVERTIZING_BOXES------------------------------>
 
<!----------------------------Sidebar List --------------------------------->
 
<!----------------------------Sidebar List --------------------------------->
Line 180: Line 215:
 
<div style="position:relative; width:600px; height:220px; top:-10px; left:0px; float:left;"><div style="position:absolute; font-size:14px; top:153px; left:0px;>
 
<div style="position:relative; width:600px; height:220px; top:-10px; left:0px; float:left;"><div style="position:absolute; font-size:14px; top:153px; left:0px;>
 
<br>
 
<br>
The first advertizing box (Specialty Projects) is set to display a different image daily. For maintenance purposes (or curiosity) the templates can be accessed using the "news clips" links.
+
Both advertizing boxes (Specialty Projects and Wiki Projects) are set to display a different image daily. For maintenance purposes (or curiosity) the templates can be accessed using the "news clips" links.
  
 
Image map above only goes to temporary links and the bullet hub coloration (currently blue) can be modified to any desired color.   
 
Image map above only goes to temporary links and the bullet hub coloration (currently blue) can be modified to any desired color.   

Revision as of 19:54, 16 June 2014

__NORICHEDITOR__ 

New working together.jpg

 
 
 
 
 
 

G e t   i n v o l v e d


Bring your knowledge to the table
Opportunities





Specialty Projects

Current News clips:    A1   A2     A3    A4    A5    A6    A7




Latch CO., Landscape near Craigmount, Image 372, (LandsCraig 1790 36) by Peg Owens .jpg

As we work to create light for others,
we naturally light our own way.
- Mary Anne Radmacher         





Contribute at your own comfort level


Wiki Projects

Current News clips:    B1   B2     B3    B4    B5    B6    B7





Only a genealogist regards

a step backward as progress.


Come and help others
go backwards too


Taos Pueblo Luca Galuzzi







Share your Opinion
We want your feedback

Question of the week, enter question here.



Wiki Main Page (mockup page)
Things you can do to build a better WikiAssist Wiki Support in helping the communityJoin the discussions about the Wiki's futureShare your ideas about improving the WikiMake sure your local information is up to dateFind a research group that shares your interestsHelp with projects from around the worldA barn-raising is a community effort that benefits all.  Click here if you want to learn more about Barn Raising (article).Hub BarnRaising faded image.jpg





Quick HELP Links
Get Started (basics) Get Started (projects) Get personal help Get live help

FamilySearch
Wiki

Genealogical Research Help

Main Page
About the Wiki
Wiki Tools
Research Process
Research Help


Volunteer

Submit Wiki Content
Community Center
Family History Centers
Community Meetings
Community Council
Societies and Libraries
Adopt a Page
Personal Sandbox
Manual of Style
Guiding Principles


Views


Toolbox


Personal tools


Both advertizing boxes (Specialty Projects and Wiki Projects) are set to display a different image daily. For maintenance purposes (or curiosity) the templates can be accessed using the "news clips" links.

Image map above only goes to temporary links and the bullet hub coloration (currently blue) can be modified to any desired color.

Some of these elements were taken from Caleb's page (had to construct a relative div box to eliminate a patrolling issue).

"fake" left sidebar copied from one of Charles' sandbox pages

Nuvola apps kopete.png
Have comments or fixes to report
Use Feedback. the talk page or submit form
Your voice is important to us


Template:Opportunities













































































































































Note: (update: successfully demonstrated on June 10th) I am toying with the idea of a "poor man's javascript" wherein since we cannot have a page change elements within itself in real time (as the FS website does), would it be possible to create a "time trigger" using parser functions and conditional expressions. The idea being that each time a page (specifically the Get Involved page) is called up or is refreshed that items such as the "advertizing" boxes and sidebar (each separately controlled) could be automatically changed based on a time factor. This time factor could be based on minutes, hours, weeks, months, day of the week, day of the month, odd or even values, etc. This poor man's javascript would result in the easy updating of "news and accomplishments information" by using templates that would be displayed based on said time trigger. In playing with the equations so far it currently looks possible and is worth pursuing farther.
Also note that a manual trigger should be developed so the reader can access each template individually (just in case they are looking for something they saw earlier). This could be as simple as having "1 2 3 4" links to each template.


The first "advertising" box can be used to highlight the current or upcoming barn raising or wiki support projects. The second box (and the sidebar) can be used to highlight one or two different Wiki projects and or their status (or accomplishments). Both boxes and sidebar should be rotated with different "advertising" on a staggered monthly basis to maintain interest and patron return to this page (basically a project news center).


The bullet background color and transparency can be lightened and the option to change the image or have no image is always available.















































































































































The image below is a possible depiction of the "home page" design using familysearch themes and color schemes (header box with white text and matching accent colors placed sparingly on the page). Obviously the text on this page is strictly for example purposes only.

Note: It was mentioned at the May 29 support meeting that color coding for different experience levels may be useful (beginner, new contributors, experts). The color coding below could be used to designate those color codes.


I liked Charles' test page (I believe it was ...Sandbox/ProjectPage5) using the image (like on familysearch) and his slogan. Paraphrased a little and put it together with the Home page Title line (see below). When I remake the image I will include the same in the diagram below.



An actual mock up of these images can be found at



https://familysearch.org/learn/wiki/en/User:Luccagenes/Sandbox/TestPage2

HomePageDepiction.jpg




Top of Page








...
Top of Page