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

From FamilySearch Wiki
Jump to navigation Jump to search
VisualWikitext
(shrunk header image and readjusted all heights accordingly)
(removed deleted template from page so it would not appear as a requested template on report)
 
(38 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
<!----------------------------Layer 1:  Image css crop and positioning------------->
 
<!----------------------------Layer 1:  Image css crop and positioning------------->
 
<div style="position:relative: top:0px; left:0px; width:500px; "><div style="position:absolute; top:8px;">
 
<div style="position:relative: top:0px; left:0px; width:500px; "><div style="position:absolute; top:8px;">
−
<br>{{Css Image Crop
+
{{Css Image Crop
 
|Image=New working together.jpg
 
|Image=New working together.jpg
 
|bSize=640px
 
|bSize=640px
Line 14: Line 14:
 
</div>
 
</div>
 
<!----------------------------Layer 2: Color Box (Opacity) ----------------------->
 
<!----------------------------Layer 2: Color Box (Opacity) ----------------------->
−
<div style="position:absolute; font-size:45px; top:43px; left:15px; opacity:0.75; width:440px; height:500: padding-bottom:5px; padding-top:5px;  font-family:museo; background-color:#3c8ff7; color:white; border:5px solid #3c8ff7;">&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br><div style="font-size:11px;"></div></div>
+
<div style="position:absolute; font-size:45px; top:33px; left:15px; opacity:0.75; width:440px; height:100px; background-color:#87b940; border:5px solid #87b940;"></div>
 
<!----------------------------Layer 3: Solid text box (no opacity)------------------>
 
<!----------------------------Layer 3: Solid text box (no opacity)------------------>
−
<div style="position:absolute; font-size:45px; top:25px; left:15px; width:440px; padding-bottom:10px; padding-top:20px;  font-family:museo; color:white;"><center><br>'''G&nbsp;e&nbsp;t&nbsp;&nbsp; i&nbsp;n&nbsp;v&nbsp;o&nbsp;l&nbsp;v&nbsp;e&nbsp;d'''<br><br><br><div style=" font-size:23px">Bring your knowledge to the table<div style="font-size:11px;"></div></center></div></div>  
+
<div style="position:absolute; font-size:45px; top:15px; left:15px; width:440px; padding-bottom:5px; padding-top:25px;  font-family:museo; color:white;"><center><br>'''G&nbsp;e&nbsp;t&nbsp;&nbsp; i&nbsp;n&nbsp;v&nbsp;o&nbsp;l&nbsp;v&nbsp;e&nbsp;d'''<br><br><br><div style=" font-size:23px">Bring your knowledge to the table</center></div></div>  
−
<!-----------------------------Header highlight box--------------------------->
+
<!-----------------------------Header_highlight_box_list----------------------->
−
<br>
+
<div style="position:absolute; font-size:14px; top:8px; left:650px; width:293px; height:175px; background:#87b940; box-shadow:0px 0px 0px 0px #aaaaaa; padding:1px; color:white"></div> <div style="position:absolute; padding-bottom:10px; top:30px; font-size:13px; color:white; left:670px; width:290px;"><br>
−
<div style="position:absolute; font-size:14px; top:25px; left:650px; width:295px; height:175px; background:#3c8ff7; box-shadow:0px 4px 2px 0px #aaaaaa; padding:1px; color:white"></div> <div style="position:absolute; padding-bottom:10px; top:60px; font-size:15px; left:685px; width:230px;"><br>
+
*[[FamilySearch_Wiki:Content_Submission_Form|<span style="color:white;">'''Report or fix errors''' </span>]]
−
*[[FamilySearch_Wiki:Content_Submission_Form|<span style="color:white;">Report or fix errors </span>]]
+
*[[Example link target|<span style="color:white;">'''Submit suggestions or wishlist'''</span>]]
−
*[[Example link target|<span style="color:white;">Create or expand articles</span>]]
+
*[[Example link target|<span style="color:white;">'''Make article or project proposals'''</span>]]
−
*[[Example link target|<span style="color:white;">Join or lead a group effort</span>]]
+
*[[Example link target|<span style="color:white;">'''Create or expand articles/stubs'''</span>]]
−
*[[Example link target|<span style="color:white;">Help with Wiki Care</span>]]
+
*[[Example link target|<span style="color:white;">'''Join or lead a group effort'''</span>]]
−
*[[Example link target|<span style="color:white;">Become a Moderator</span>]]
+
*[[Example link target|<span style="color:white;">'''Help with Wiki Care'''</span>]]
−
</div> <div style="position:absolute; font-size:28px; top:45px; left:550px; width:400px; height:25px; padding-left:10px; font-family:museo; color:#ffffff;"><center>'''Opportunities'''</center></div> </div>  
+
*[[Example link target|<span style="color:white;">'''Become a Reviewer or Moderator'''</span>]]
 +
<!-----------------------------Header_highlight_Title-------------------------->
 +
</div> <div style="position:absolute; font-size:28px; top:20px; left:592px; width:400px; height:25px; padding-left:10px; font-family:museo; color:#ffffff;"><center>'''Opportunities'''</center></div> </div>
 +
<!-----------------------------End_of_Header_highlight_box-------------------->
 
<br>
 
<br>
  
Line 33: Line 36:
  
  
−
<!-----------------------------Advertizing box ONE-------------------------->
+
<!-----------------------------Advertizing_boxes----------------------------->
−
<div style="position:relative; width:950px; height:700px; float:left;"><div style="position:absolute; font-size:14px; top:45px; left:0px; width:456px; 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 style="position:relative; width:950px; height:250px; float:left;">
−
<br>
+
<!-----------------------DO_NOT_EDIT_BACKGROUND_IMAGE_BELOW-------------->
−
<div style="position:absolute; width:100px; height:100px; left:270px; top:128px;">[[Image:Men working on the railroad in South Dakota.jpg|170x135px|Men working on the railroad in South Dakota.jpg]]</div> <div style="position:absolute; top:125px; left:20px; width:235px;">Welcome to the Wiki Community Center. This is the place to find out how to connect with others who are contributing, or learn about what's going in the Wiki. <br><br> <center>Learn More</center></div>
+
<!-----------------------------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>  
−
<br>
+
<!--------------------------------------------------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>'''Community News'''</center></div><br> 
−
<div style="position:absolute; font-size:28px; top:85px; left:10px; width:420px; height:25px; padding-left:10px; font-family:museo; color:#4d4d4a;"><center>'''Join an active Wiki Project'''</center></div>  
+
<!-----------------------DO_NOT_EDIT_BACKGROUND_IMAGE_ABOVE-------------->
−
<br>  
+
<!---------------End_of_background_iimage------------------------------------>
 +
 
 
<!-----------------------------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"></div> <div style="position:absolute; top:125px; left:495px; width:230px;">A Barn-Raising is a monthly activity the entire community can participate in, every month it changes based on the community's needs. See what's happening!<br><br> <center>Learn More</center> </div>
+
<!-----------------------DO_NOT_EDIT_BACKGROUND_IMAGE_BELOW-------------->
−
<br>
+
<!-----------------------------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 style="position:absolute; font-size:28px; top:85px; left:500px; width:420px; height:25px; padding-left:10px; font-family:museo; color:#4d4d4a;"><center>'''Join the current Barn-Raising'''</center></div> <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>
+
<!--------------------------------------------------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> 
 +
<!-----------------------DO_NOT_EDIT_BACKGROUND_IMAGE_ABOVE-------------->
 +
<!---------------End_of_background_iimage------------------------------------>  
 +
<br>
 +
</div>
 +
<!------------------END_OF_ADVERTIZING_BOXES------------------------------>
 
<!----------------------------Sidebar List --------------------------------->
 
<!----------------------------Sidebar List --------------------------------->
 
<div style="width:730px; position:relative; top:55px; height:1250px;"><br>  
 
<div style="width:730px; position:relative; top:55px; height:1250px;"><br>  
 
<br>  
 
<br>  
−
<div style="position:absolute; top:285px; left:660px; width:280px; height:685px; padding-left:10px; background-color:#E5E5E5; font-family:museo; color:black;">Current Barn-Raising projects  
+
<div style="position:absolute; top:285px; left:655px; width:280px; height:685px; padding-left:10px; background-color:#E5E5E5; font-family:museo; color:black;">Previous '''[[Barn_Raising_on_FamilySearch_Wiki|Barn-Raising]]''' projects <br><br>
 +
[[North_Carolina_Barn_Raising|North Carolina Barn Raising]]<br>
 +
[[England_Barn_Raising_Tasks|England Barn Raising]]<br>
 +
[[Germany_Barn_Raising|Germany Barn Raising]]<br>
 +
[[Maryland_Barn_Raising_Tasks|Maryland Barn Raising]]<br>
 +
<br>
 +
Previous Successful Wiki Projects<br><br>
 +
[[WikiProject_Ohio|WikiProject: Ohio]]<br>
 +
[[WikiProject:_Swedish_Place_Names|WikiProject: Swedish Place Names]]<br>
 +
[[Wikiproject:_Swedish_Occupations|Wikiproject: Swedish Occupations]]<br>
 +
[[FamilySearch_Wiki:WikiProject_Indiana|WikiProject: Indiana]]<br>
 +
[[FamilySearch_Wiki:WikiProject_Wiki_Design_Pages|WikiProject: Wiki Design Pages]]<br>
 +
<br><br>
 +
Typical State Research Areas&nbsp;&nbsp;([[Illinois| I l l i n o i s]] )
 +
</div>
 +
<div style="position:absolute; top:600px; left:655px; width:140px; height:685px; padding-left:10px; font-family:museo; color:black;">
 
*[[African-American Resources for Illinois|African Americans]]
 
*[[African-American Resources for Illinois|African Americans]]
−
 
−
Illinois Research Projects
 
−
 
 
*[[Indians of Illinois|American Indians]]  
 
*[[Indians of Illinois|American Indians]]  
 
*[[Illinois Archives and Libraries|Archives and Libraries]]  
 
*[[Illinois Archives and Libraries|Archives and Libraries]]  
Line 57: Line 78:
 
*[[Illinois Biography|Biography]]  
 
*[[Illinois Biography|Biography]]  
 
*[[Illinois Cemeteries|Cemeteries]]  
 
*[[Illinois Cemeteries|Cemeteries]]  
−
*[[Illinois Census|Census]]  
+
*[[Illinois Census|Illinois Census]]  
 
*[[Illinois Church Records|Church Records]]  
 
*[[Illinois Church Records|Church Records]]  
 
*[[Illinois Court Records|Court Records]]  
 
*[[Illinois Court Records|Court Records]]  
Line 65: Line 86:
 
*[[Illinois Funeral Homes|Funeral Homes]]  
 
*[[Illinois Funeral Homes|Funeral Homes]]  
 
*[[Illinois Gazetteers|Gazetteers]]  
 
*[[Illinois Gazetteers|Gazetteers]]  
−
*[[Illinois Genealogy|Genealogy]]  
+
*[[Illinois Genealogy|Illinois Genealogy]]
−
*[[Illinois History|History]]  
+
*[[Illinois History|History of Illinois]]
 +
<br><br><br>
 +
</div>
 +
 
 +
<div style="position:absolute; top:600px; left:793px; width:140px; height:685px; padding-left:10px; font-family:museo; color:black;">
 
*[[Illinois Land and Property|Land and Property]]  
 
*[[Illinois Land and Property|Land and Property]]  
−
*[[Illinois Maps|Maps]]  
+
*[[Illinois Maps|Illinois Maps]]  
 
*[[Illinois Military Records|Military Records]]  
 
*[[Illinois Military Records|Military Records]]  
 
*[[Illinois Naturalization and Citizenship|Naturalization and Citizenship]]  
 
*[[Illinois Naturalization and Citizenship|Naturalization and Citizenship]]  
Line 87: Line 112:
 
</div>
 
</div>
 
<!----------------------------Sidebar header and footer --------------------->
 
<!----------------------------Sidebar header and footer --------------------->
−
<div style="position:absolute; top:255px; left:660px; width:280px; height:25px; padding-left:10px; padding-top:5px; background-color:#0033ff; font-size:18px; font-family:museo; color:white;"><center>'''Wiki Projects'''</center></div>  
+
<div style="position:absolute; top:255px; left:655px; width:280px; height:25px; padding-left:10px; padding-top:5px; background-color:#87b940; font-size:18px; font-family:museo; color:white;"><center>'''Wiki Projects Review'''</center></div>  
−
<div style="position:absolute; top:960px; left:660px; width:275px; height:60px; padding-left:10px; padding-top:5px; background-color:#0033ff; border:3px solid #0033ff; font-size:15px; font-family:museo; color:white;"><center>[[Projects_Seeking_Contributors|<span style="color:white;">Other active Wiki Projects</span>]]<br>- - - - - - - - - -<br>''[[Projects_Scheduling|<span style="color:white;">Future Projects scheduling</span>]]''</center></div></div>  
+
<div style="position:absolute; top:960px; left:655px; width:275px; height:60px; padding-left:10px; padding-top:5px; background-color:#8fb44a; border:3px solid #8fb44a; font-size:15px; font-family:museo; color:white;"><center>[[Projects_Seeking_Contributors|<span style="color:white;">Other active Wiki Projects</span>]]<br>- - - - - - - - - -<br>[[Projects_Scheduling|<span style="color:white;">Future Projects </span>]] ''scheduling''</center></div></div>  
 
<!----------------------------End of sidebar --------------------------------><br><br><br>
 
<!----------------------------End of sidebar --------------------------------><br><br><br>
−
 
+
<!----------------------------Lower_sidebar_testing--------------------------->
 +
<div style="position:relative; top:-220px; width:300px; height:250px;"><!----------------------------Outer_box_-----------------------------------> <div style="position:absolute; top:130px; left:655px; width:270px; height:180px; border-radius:5px; background-color:#eeeeee; box-shadow:0px 0px 0px 0px #fdb34b; border:3px solid #fdb34b; font-size: 14px; padding:7px;"><center>'''[[User:Luccagenes/Sandbox/TestPage2|Wiki Home Page]]''' (mockup pages)</center><br> <!----------------------------Lower_box_ONE--------------------------------> <div style="position:absolute; top:40px; left:15px; width:235px; height:20px; border-radius:5px; background-color:#eeeeee; box-shadow:0px 0px 0px 0px #e33d7a; border:3px solid #e33d7a; font-size: 13px; padding:7px;"><center>'''[[User:Luccagenes/Sandbox/TestPage4|New to the Genealogy?]]'''</center><br></div> <!-----------------------------Lower_box_TWO-------------------------------> <div style="position:absolute; top:90px; left:15.5px; width:235px; height:20px; border-radius:5px; background-color:#eeeeee; box-shadow:0px 0px 0px 0px #3c8ff7; border:3px solid #3c8ff7; font-size: 13px; padding:7px;"><center>'''[[User:Luccagenes/Sandbox/TestPage3|New to the Wiki?]]'''</center><br></div> <!----------------------------Lower_box_THREE------------------------------> <div style="position:absolute; top:140px; left:15px; width:235px; height:20px; border-radius:5px; background-color:#eeeeee; box-shadow:0px 0px 0px 0px #87b940; border:3px solid #87b940; font-size: 13px; padding:7px;"><center>'''[[User:Luccagenes/Sandbox/TestPage1|Want to Help?]]'''</center><br></div> </div><br> <!----------------------------end_of_colored_boxes---------------------------> <!----------------------------Feedback_box_ONE-----------------------------> <br><div style="position:absolute; top:0px; left:655px; width:270px; height:100px; border-radius:5px; background-color:#eeeeee; box-shadow:0px 0px 0px 0px #fdb34b; border:3px solid #fdb34b; font-size: 14px; padding:7px;"><center>'''Share your Opinion'''</center><center>We want your [[Text|<span style ="color:blue">feedback</span>]]</center><br>Question of the week, enter question here.</div> <!----------------------------end_of_Lower_sidebar_testing-------------------->
 +
<br>
 +
<!----------------------ENTER_EQUATION_1_AND_TEMPLATES_HERE-----------------> <div style="position:absolute; top:-1060px; left:0px; width:475px; height:250px;">{{#switch:{{CURRENTDAY}}
 +
|1={{Template:Adbox1 News1}}
 +
|2={{Template:Adbox1 News2}}
 +
|3={{Template:Adbox1 News3}}
 +
|4={{Template:Adbox1 News4}}
 +
|5={{Template:Adbox1 News5}}
 +
|6={{Template:Adbox1 News6}}
 +
|7={{Template:Adbox1 News7}}
 +
|8={{Template:Adbox1 News4}}
 +
|9={{Template:Adbox1 News1}}
 +
|10={{Template:Adbox1 News6}}
 +
|11={{Template:Adbox1 News3}}
 +
|12={{Template:Adbox1 News2}}
 +
|13={{Template:Adbox1 News6}}
 +
|14={{Template:Adbox1 News5}}
 +
|15={{Template:Adbox1 News2}}
 +
|16={{Template:Adbox1 News7}}
 +
|17={{Template:Adbox1 News3}}
 +
|18={{Template:Adbox1 News5}}
 +
|19={{Template:Adbox1 News2}}
 +
|20={{Template:Adbox1 News5}}
 +
|21={{Template:Adbox1 News6}}
 +
|22={{Template:Adbox1 News3}}
 +
|23={{Template:Adbox1 News2}}
 +
|24={{Template:Adbox1 News4}}
 +
|25={{Template:Adbox1 News7}}
 +
|26={{Template:Adbox1 News2}}
 +
|27={{Template:Adbox1 News1}}
 +
|28={{Template:Adbox1 News4}}
 +
|29={{Template:Adbox1 News5}}
 +
|30={{Template:Adbox1 News3}}
 +
|31={{Template:Adbox1 News7}}
 +
}}</div>
 +
<br>
 +
<!----------------------ENTER_EQUATION_1_AND_TEMPLATES_ABOVE---------------->
 +
<!----------------------ENTER_EQUATION_2_AND_TEMPLATES_HERE-----------------> <div style="position:absolute; top:-1060px; left:480px; width:475px; height:250px;">{{#switch:{{CURRENTDAY}}
 +
|1={{Template:Adbox2 News1}}
 +
|2={{Template:Adbox2 News2}}
 +
|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_2_AND_TEMPLATES_ABOVE---------------->
 
<br>
 
<br>
−
<!----------Hub picture and Quick Help box and submit template------------------->
+
<!------------------------------Hub picture -------------------------------->
−
<div style="position:relative; width:640px; height:640px; top:-1050px; left:0px; float:left;"><div style="position:absolute; font-size:14px; top:153px; left:0px;><br> {{Template:Hub Get Involved}}  
+
<!------------------------------Quick Help box------------------------------>
 +
<!------------------------------submit template----------------------------->
 +
<!------------------------------Main Page link------------------------------->
 +
<div style="position:relative; width:640px; height:640px; top:-955px; left:0px; float:left;"><div style="position:absolute; font-size:14px; top:153px; left:0px;>'''[[User:Luccagenes/Sandbox/TestPage2|<span style="color:#87b940">Wiki Main Page</span>]]''' (mockup page)<br> {{Hub GetInvolved 8bullet}}  
 
<br>
 
<br>
 
<br>
 
<br>
−
{| width="640" cellspacing="2" cellpadding="2" border="1" style=" border:3px solid #0033ff; font-family:museo; border-radius:5px; padding:3px; font-size:16px"
+
{| width="640" cellspacing="2" cellpadding="2" border="1" style=" border:3px solid blue; font-family:museo; border-radius:5px; padding:3px; font-size:16px"
 
|-
 
|-
 
! bgcolor="e5e5e5" align="center" colspan="6" scope="col"  |<font color="blue">Quick HELP Links</font>
 
! bgcolor="e5e5e5" align="center" colspan="6" scope="col"  |<font color="blue">Quick HELP Links</font>
 
|-
 
|-
−
| bgcolor="e5e5e5" align="center" scope="row" | Get Started (basics)  
+
| bgcolor="e5e5e5" align="center" scope="row" | [[Get_started_in_the_Wiki|Get Started (basics)]]
 
| bgcolor="e5e5e5" align="center" scope="row" | [[FamilySearch_Wiki:WikiProject|Get Started (projects)]]  
 
| bgcolor="e5e5e5" align="center" scope="row" | [[FamilySearch_Wiki:WikiProject|Get Started (projects)]]  
−
| bgcolor="e5e5e5" align="center" scope="row" | Get personal help  
+
| bgcolor="e5e5e5" align="center" scope="row" | [[FamilySearch_Wiki:Support_Tool_Box#Talk_with_Us|Get personal help]]
−
| bgcolor="e5e5e5" align="center" scope="row" | Get live help  
+
| bgcolor="e5e5e5" align="center" scope="row" | [https://www.familysearch.org/ask/gethelp?cid=aaq_wiki_poll Get live help]
 
|}
 
|}
−
 
−
{{Template:Submit Forms}}
 
−
{{Template:Opportunities}}
 
−
</div></div><br>
 
−
<div style="clear:both"></div>
 
−
<!----------------------------Misc Info -------------------------------------->
 
−
<div style="position:relative; width:600px; height:600px; top:-340px; left:0px; float:left;"><div style="position:absolute; font-size:14px; top:153px; left:0px;>
 
−
<br>
 
−
 
−
Image map above only goes to temporary links and the bullet hub coloration (currently blue) can be modified to any desired color. 
 
−
 
−
The bullet background color and transparency can be lightened and the option to change the image or have no image is always available. 
 
−
 
−
Some of these elements were taken from Caleb's page (had to construct a relative box to eliminate problems). 
 
−
 
−
"fake" left sidebar copied from one of Charles' sandbox pages
 
 
</div>
 
</div>
−
 
 
<!----------------------------fake left sidebar-------------------------------->  
 
<!----------------------------fake left sidebar-------------------------------->  
−
<div style="position:absolute; top:-1815px; left:-235px; width:200px; height:1400px; background-color:#fffbea; border:2px solid silver; padding:5px;">
+
<div style="position:absolute; top:-485px; left:-235px; width:200px; height:1400px; background-color:#fffbea; border:2px solid silver; padding:5px;">
 
FamilySearch<br>Wiki
 
FamilySearch<br>Wiki
  
Line 148: Line 231:
  
 
Personal tools
 
Personal tools
 +
</div>
 +
<!-------------------------END fake left sidebar------------------------------->
 +
<!----------------------------Misc Info -------------------------------------->
 +
<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>
 +
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
 +
<br>
 
</div></div>
 
</div></div>
−
<!-------------------------END fake left sidebar------------------------------->
+
<!-------------------------end Misc Info -------------------------------------->
 +
<div style="clear:both"></div>
 +
{{Template:Submit Forms}}
 +
 
 +
<br>
 +
 
 +
</div>
 +
 
 +
 
 
   
 
   
−
<div style="clear:both"></div>
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<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;>
 +
'''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.<br> 
 +
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. 
 +
 
 +
</div></div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-----------------------------Advertizing_boxes----------------------------->
 +
<div style="position:relative; width:950px; height:250px; float:left;">
 +
<!-----------------------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:475px; height:250px;">{{#switch:{{CURRENTDAY}}
 +
|1={{Template:Adbox1 News1}}
 +
|2={{Template:Adbox1 News2}}
 +
|3={{Template:Adbox1 News3}}
 +
|4={{Template:Adbox1 News4}}
 +
|5={{Template:Adbox1 News5}}
 +
|6={{Template:Adbox1 News6}}
 +
|7={{Template:Adbox1 News7}}
 +
|8={{Template:Adbox1 News4}}
 +
|9={{Template:Adbox1 News1}}
 +
|10={{Template:Adbox1 News6}}
 +
|11={{Template:Adbox1 News3}}
 +
|12={{Template:Adbox1 News2}}
 +
|13={{Template:Adbox1 News6}}
 +
|14={{Template:Adbox1 News5}}
 +
|15={{Template:Adbox1 News2}}
 +
|16={{Template:Adbox1 News7}}
 +
|17={{Template:Adbox1 News3}}
 +
|18={{Template:Adbox1 News5}}
 +
|19={{Template:Adbox1 News2}}
 +
|20={{Template:Adbox1 News5}}
 +
|21={{Template:Adbox1 News6}}
 +
|22={{Template:Adbox1 News3}}
 +
|23={{Template:Adbox1 News2}}
 +
|24={{Template:Adbox1 News4}}
 +
|25={{Template:Adbox1 News7}}
 +
|26={{Template:Adbox1 News2}}
 +
|27={{Template:Adbox1 News1}}
 +
|28={{Template:Adbox1 News4}}
 +
|29={{Template:Adbox1 News5}}
 +
|30={{Template:Adbox1 News3}}
 +
|31={{Template:Adbox1 News7}}
 +
}}</div>
 +
<br>
 +
<!----------------------ENTER_EQUATION_AND_TEMPLATE_ABOVE---------------->
 +
 
 +
<!-----------------------------Advertizing box TWO--------------------------->
 +
<!-----------------------DO_NOT_EDIT_BACKGROUND_IMAGE_BELOW-------------->
 +
<!-----------------------------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>
 +
<!--------------------------------------------------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> 
 +
<!-----------------------DO_NOT_EDIT_BACKGROUND_IMAGE_ABOVE-------------->
 +
<!---------------End_of_background_iimage------------------------------------> <!----------------------ENTER_EQUATION_AND_TEMPLATE_HERE-----------------> <div style="position:absolute; top:40px; left:480px; width:475px; height:250px;">{{#switch:{{CURRENTDAY}}
 +
|1={{Template:Adbox2 News1}}
 +
|2={{Template:Adbox2 News2}}
 +
|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------------------------------>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
  
Line 162: Line 915:
 
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.
 
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.
  
 +
<div style="position:relative"><div style="position:absolute; top:0px; left:0px; width:640px; height:3px; color:blue; "><span style="font-size:18pt;">
 +
An actual mock up of these images can be found at </span><br>
  
 +
<br>
  
−
<br>
 
−
<div style="position:relative"><div style="position:absolute; top:0px; left:0px; width:640px; height:3px; color:blue; "><span style="font-size:18pt;">
 
−
An actual mock up of these images can be found at </span><br>
 
 
<br></div></div>
 
<br></div></div>
  
  
  
−
https://familysearch.org/learn/wiki/en/User:Luccagenes/Sandbox/TestPage2
+
https://familysearch.org/wiki/en/User:Luccagenes/Sandbox/TestPage2
  
 
[[Image:HomePageDepiction.jpg|left|640|HomePageDepiction.jpg]]
 
[[Image:HomePageDepiction.jpg|left|640|HomePageDepiction.jpg]]

Latest revision as of 08:51, 7 August 2020

__NORICHEDITOR__





Community News

Wiki Projects




Wiki Projects Review
Other active Wiki Projects
- - - - - - - - - -
Future Projects scheduling






Share your Opinion
We want your feedback

Question of the week, enter question here.


Current News clips:    A1   A2     A3    A4    A5    A6    A7




A Barn-Raising is an activity the entire community can participate in. These efforts will change based on the community's needs.

See what's happening now and for the future.
   Learn more


Barn Raising.jpg
Join a barn-raising


Current News clips:    B1   B2     B3    B4    B5    B6    B7




Gooding CO.- LandsHagerm 1105 27, Image 390, Landscape h=near Hagernan.jpg

My ancestors wandered lost in the wilderness
for forty years because even in biblical times,
men would not stop to ask for directions.
- Elayne Boosler      




Ask how you can help with Wiki Projects
Wiki Projects



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
















































































































































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.





















































































































Specialty Projects

Current News clips:    A1   A2     A3    A4    A5    A6    A7




A Barn-Raising is an activity the entire community can participate in. These efforts will change based on the community's needs.

See what's happening now and for the future.
   Learn more


Barn Raising.jpg
Join a barn-raising


Wiki Projects

Current News clips:    B1   B2     B3    B4    B5    B6    B7




Gooding CO.- LandsHagerm 1105 27, Image 390, Landscape h=near Hagernan.jpg

My ancestors wandered lost in the wilderness
for forty years because even in biblical times,
men would not stop to ask for directions.
- Elayne Boosler      




Ask how you can help with Wiki Projects
Wiki Projects


























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/wiki/en/User:Luccagenes/Sandbox/TestPage2

HomePageDepiction.jpg




Top of Page








...
Top of Page

Retrieved from "https://paas-loadb-dhtaff8ujtdt-1826058300.us-east-1.elb.amazonaws.com/wiki/en/index.php?title=User:Luccagenes/Sandbox/TestPage1&oldid=4058631"