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

From FamilySearch Wiki
Jump to navigation Jump to search
m (moved opportunities table from bottom to under SubmitForms template)
(shrunk header image and readjusted all heights accordingly)
Line 7: Line 7:
 
|bSize=640px
 
|bSize=640px
 
|cWidth=630
 
|cWidth=630
|cHeight=228
+
|cHeight=178
 
|oTop=60
 
|oTop=60
 
|oBottom=50
 
|oBottom=50
Line 16: Line 16:
 
<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: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>
 
<!----------------------------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:15px; padding-top:30px;  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: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>  
 
<!-----------------------------Header highlight box--------------------------->
 
<!-----------------------------Header highlight box--------------------------->
 
<br>
 
<br>
<div style="position:absolute; font-size:14px; top:25px; left:650px; width:295px; height:225px; 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>
+
<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 you find</span>]]
+
*[[FamilySearch_Wiki:Content_Submission_Form|<span style="color:white;">Report or fix errors </span>]]
 
*[[Example link target|<span style="color:white;">Create or expand articles</span>]]
 
*[[Example link target|<span style="color:white;">Create or expand articles</span>]]
*[[Example link target|<span style="color:white;">Join a Research Group</span>]]
+
*[[Example link target|<span style="color:white;">Join or lead a group effort</span>]]
*[[Example link target|<span style="color:white;">Learn about Team Projects</span>]] <br>
 
*[[Example link target|<span style="color:white;">Become a Project Leader</span>]]<br>
 
 
*[[Example link target|<span style="color:white;">Help with Wiki Care</span>]]
 
*[[Example link target|<span style="color:white;">Help with Wiki Care</span>]]
*[[Example link target|<span style="color:white;">Start as a Reviewer</span>]]
 
 
*[[Example link target|<span style="color:white;">Become a Moderator</span>]]
 
*[[Example link target|<span style="color:white;">Become a Moderator</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>  
 
</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>  
Line 37: Line 34:
  
 
<!-----------------------------Advertizing box ONE-------------------------->
 
<!-----------------------------Advertizing box ONE-------------------------->
<div style="position:relative; width:950px; height:700px; float:left;"><div style="position:absolute; font-size:14px; top:95px; 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: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>  
 
<br>  
 
<br>  
<div style="position:absolute; width:100px; height:100px; left:270px; top:178px;">[[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:175px; 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>  
+
<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>  
 
<br>  
 
<br>  
<div style="position:absolute; font-size:28px; top:135px; left:10px; width:420px; height:25px; padding-left:10px; font-family:museo; color:#4d4d4a;"><center>'''Join an active Wiki Project'''</center></div>  
+
<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>  
 
<br>  
 
<br>  
 
<!-----------------------------Advertizing box TWO--------------------------->
 
<!-----------------------------Advertizing box TWO--------------------------->
<div style="position:absolute; font-size:14px; top:95px; 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:175px; 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>  
+
<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>  
 
<br>  
 
<br>  
<div style="position:absolute; font-size:28px; top:135px; 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:178px; 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>
+
<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>
 
<!----------------------------Sidebar List --------------------------------->
 
<!----------------------------Sidebar List --------------------------------->
<div style="width:730px; position:relative; top:105px; 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:660px; width:280px; height:685px; padding-left:10px; background-color:#E5E5E5; font-family:museo; color:black;">Current Barn-Raising projects  
Line 96: Line 93:
 
<br>
 
<br>
 
<!----------Hub picture and Quick Help box and submit template------------------->
 
<!----------Hub picture and Quick Help box and submit template------------------->
<div style="position:relative; width:640px; height:640px; top:-1000px; left:0px; float:left;"><div style="position:absolute; font-size:14px; top:153px; left:0px;><br> {{Template:Hub Get Involved}}  
+
<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}}  
 
<br>
 
<br>
 
<br>
 
<br>

Revision as of 12:02, 4 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






Men working on the railroad in South Dakota.jpg
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.

Learn More


Join an active Wiki Project


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!

Learn More


Join the current Barn-Raising
1000px-Map of USA Highlighting IL.png
Illinois State Project






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
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



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

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


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