Difference between revisions of "NetworkWeaver:WikiLesson:Images"

 
(fix navigation link)
 

(10 intermediate revisions by the same user not shown)



Line 1: Line 1:
 
{{NetworkWeaverNavigationBar}}
 
{{NetworkWeaverNavigationBar}}
This lesson is about putting your phone on your profile page.
+
{{Template:NetworkWeaver:TutorialNavigator
 +
|previous = Network Weavers I work with
 +
|next =
 +
}} __NOTOC__
 +
<div style="background:#CCFFD7;">  <!-- makes the light green background -->
 +
This lesson is about putting your photo on your profile page.
  
 
== Why is this important? ==
 
== Why is this important? ==
Some people remember others easily after hearing their name once.  Others need to write it down, or see it written.  Still others need the visual of a face.  To make our directory more human, it's great to have images of the people.
+
Some people remember others easily after hearing their name once.  Others need to write it down, or see it written.  Still others need the visual of a face.  To make our directory more human, it's great to have images of the people.
 +
 
 +
== What will my page look like when I'm done? ==
 +
Something like this (with your information, of course):
 +
<div class="NWrender">
 +
<div style="float:right;border-left:solid white 10px">
 +
{{TutorialOnly:ImANetworkWeaver}}
 +
{{TutorialOnly:AsANetworkWeaverILiveIn|98122}}
 +
{{TutorialOnly:AsANetworkWeaverILiveIn|Seattle}}
 +
{{TutorialOnly:AsANetworkWeaverILiveIn|Washington}}
 +
{{TutorialOnly:AsANetworkWeaverILiveIn|United States}}
 +
{{TutorialOnly:AsANetworkWeaverILiveIn|Pacific Northwest}}
 +
{{TutorialOnly:NetworkWeaver:AreaOfFocus|Education}}
 +
</div>
 +
<center>
 +
[[Image:KK_big_smile.jpg|200px]]
 +
</center>
 +
==Contact==
 +
: Send email to me at <email>752ef3b14f193c407bbb3a1c8fcff5f1</email>
 +
: [http://www.aboutus.org/index.php?title=User_Talk:Steve_Habib_Rose&action=edit&section=new leave me a message] or [[User talk:SteveHabibRose|see all messages]]
 +
: Skype address: SteveHabibRose
 +
: Postal Address: 2358 S. Marshall Blvd, Chicago, IL 60623 USA
 +
: Phone: +1 312 371 6625
 +
==My Websites==
 +
: blog: http://www.neighbornetworking.com (wiki link - [[NeighborNetworking.com]])
 +
: wiki: http://www.emergingfutures.net/wiki (wiki link - [[EmergingFutures.net]])
 +
==[[NetworkWeaver:SocialNetworkingSites]] links==
 +
{{Template:TutorialOnly:NetworkWeaver:Sites|Omidyar.net|profile=http://www.omidyar.net/user/u387024026/}}
 +
 
 +
==[[NetworkWeavers:Directory|Network Weavers]] I work with==
 +
<WikiPages>
 +
BillAal
 +
JeanRussell
 +
Kachina Katrina Zavalney
 +
</WikiPages>
 +
</div>
 +
 
 +
{{Clear}}
  
 
== How do I do it? ==
 
== How do I do it? ==
* First, follow the instructions here [[Help:Working with images]] for uploading an image (just the first section).
+
<ol><li>
* Second, you'll copy and paste this code onto your page, below the badges, and above everything else:
+
Follow the instructions here [[Help:Working with images]] for uploading an image (just the first section).
<pre>
+
</li>
 +
<li>
 +
Edit your page, then copy and paste this [[WikiText]], below the badges, and above everything else:
 +
<div class="NWwikitext"><pre>
 +
<center>
 +
[[Image:IMAGE_NAME.PNG]]
 +
</center>
 +
</pre></div>
 +
</li>
 +
<li>
 +
When you click save, you'll see:
 +
<div class="NWrender">
 
<center>
 
<center>
 
[[Image:IMAGE_NAME.PNG]]
 
[[Image:IMAGE_NAME.PNG]]
 
</center>
 
</center>
</pre>
+
</div>
: Replace the "IMAGE_NAME.PNG" part with the name of your image and save the page.  Beautiful!
+
</li>
* If your image seems to large on the page, you can replace the '''<nowiki>[[Image:IMAGE_NAME.PNG]]</nowiki>''' part with '''<nowiki>[[Image:IMAGE_NAME.PNG|200px]]</nowiki>''' and experiment with the number to get a size you like.
+
<li>
 +
Now, edit your page again and replace the "IMAGE_NAME.PNG" part with the name of your image and save the page.  Beautiful!
 +
</li>
 +
<li>
 +
If your image seems too large or too small on the page, you can replace the '''<nowiki>[[Image:IMAGE_NAME.PNG]]</nowiki>''' part with '''<nowiki>[[Image:IMAGE_NAME.PNG|200px]]</nowiki>''' and experiment with the number to get a size you like.
 +
</li>
 +
</ol>
 +
</div>
 +
[[Category:NetworkWeaver:WikiLessons]]
 +
[[Category:Pages_with_broken_file_links]]

Latest revision as of 22:27, 2 June 2007

Efn-135.jpg
We're in alpha, (not done yet). Please help fix it up.

AboutUsPreviousArrow.png

AboutUsTourHome.png

AboutUsNextArrow.png

This lesson is about putting your photo on your profile page.

Why is this important?

Some people remember others easily after hearing their name once. Others need to write it down, or see it written. Still others need the visual of a face. To make our directory more human, it's great to have images of the people.

What will my page look like when I'm done?

Something like this (with your information, of course):


I live in 98122

I live in Seattle

I live in Washington

I live in United States

I live in Pacific Northwest

KK big smile.jpg

Contact

Send email to me at
leave me a message or see all messages
Skype address: SteveHabibRose
Postal Address: 2358 S. Marshall Blvd, Chicago, IL 60623 USA
Phone: +1 312 371 6625

My Websites

blog: http://www.neighbornetworking.com (wiki link - NeighborNetworking.com)
wiki: http://www.emergingfutures.net/wiki (wiki link - EmergingFutures.net)

NetworkWeaver:SocialNetworkingSites links

Network Weavers I work with


How do I do it?

  1. Follow the instructions here Help:Working with images for uploading an image (just the first section).
  2. Edit your page, then copy and paste this WikiText, below the badges, and above everything else:
    <center>
    [[Image:IMAGE_NAME.PNG]]
    </center>
    
  3. When you click save, you'll see:
  4. Now, edit your page again and replace the "IMAGE_NAME.PNG" part with the name of your image and save the page. Beautiful!
  5. If your image seems too large or too small on the page, you can replace the [[Image:IMAGE_NAME.PNG]] part with [[Image:IMAGE_NAME.PNG|200px]] and experiment with the number to get a size you like.


Retrieved from "http://aboutus.com/index.php?title=NetworkWeaver:WikiLesson:Images&oldid=7159496"