[wiki] Created Page
#1
All I really did was do a page for me and my character. It would be helpful to me(who has never made a wiki page before) if you guys could take a glance at it and see if I missed anything.

<!-- m --><a class="postlink" href="http://wiki.soulsrpg.com/index.php?n=Characters.Kamilia">http://wiki.soulsrpg.com/index.php?n=Characters.Kamilia</a><!-- m -->
[html]
<div class="sakuraSig">
<img src="http://i1288.photobucket.com/albums/b486/Ash_Fisher/Requested%20art/newkam_zpsotxchdaz.png" style="height:280px; z-index:-1; margin:0px 0px -70px;" />
<div id="signature-icons" class="iconblock">
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Kamilia" target="_http://wiki.soulsrpg.com/index.php?n=Characters.Kamilia" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://soulsrpg.com/forum/memberlist.php?mode=viewprofile&un=Crystal%20Crimson" class="adoptables-available" title="ADOPTABLES available!"></a>
<a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay LASKY." class="will-lasky"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" class="character-away" title="Character is visiting elsewhere until Aug 26."></a>
<a href="#!" class="apparel-accessories" title="Character typically wears brown scarf and sword."></a>
<a href="#!" class="references-okay" title="OOC references okay."></a>
<a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#!" class="skill-scholar" title="Character is a skilled scholar."></a>
<a href="#!" class="skill-fighting" title="Character is a skilled fighter with a katana."></a>
<a href="#!" class="skill-generic" title="Character is a skilled at piercing, and giving tattoo's."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.AshFisher" target=" <a href="http://wiki.soulsrpg.com/index.php?n=Players.PLAYERNAME" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>" title="My Wiki" class="player-wiki"></a>

</div></div>

<style>
@import url('http://sleepyglow.net/rp/icons/signature-icons.css');
.sakuraSig {margin:0 auto; text-align:center; margin:0 auto; }
.sakuraSig .buttonblock { margin:0 auto; }
.sakuraSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.sakuraSig .buttonblock a:hover, .razeSig .buttonblock a:active, .razeSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.sakuraSig .iconblock { font-size:0; margin:0 auto; }
.sakuraSig .iconblock { font-size:0; margin:0 auto; }
.sakuraSig .iconblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.sakuraSig .iconblock a:hover, .razeSig .iconblock a:active, .razeSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; }
</style>
[/html]
  Reply
#2
Ooh that looks great! Did you draw all those lovely pictures?
  Reply
#3
One useful tip for working with images on the wiki is that there are various ways to resize them or have them float to the side of your text. :3

For example:
Code:
%width=200px%http://i1288.photobucket.com/albums/b486/Ash_Fisher/86968b07-7002-4410-92df-1e8db97a4858_zpsr9gwneki.png%%
That would make the image 200px wide (scaling it down). If you wanted to make it smaller AND link to the original (so it shows the full size when you click on it), then you can do this:
Code:
%width=200px%[[http://i1288.photobucket.com/albums/b486/Ash_Fisher/86968b07-7002-4410-92df-1e8db97a4858_zpsr9gwneki.png|http://i1288.photobucket.com/albums/b486/Ash_Fisher/86968b07-7002-4410-92df-1e8db97a4858_zpsr9gwneki.png]]%%
The trick to this is that it's [[imglink|imglink]] -- you can also do this with other links like the [[SoulsProfile:1241|'Souls Profile]] you used. :3

And if you want an image to float left or right in a frame, use
Code:
>>rframe<<
insert all that image code here
>><<
That's just optional things to spice up your wiki! As you get used to things like this, you can check out the more detailed templates and add other baubles. :3

If you'd like, I can edit your page for you so you can see! Anything on the wiki can be reverted back if you don't like any of the changes made. :3
[html]<div class="vessig">

<div class="bottom">
<div class="sigicons" id="signature-icons">
<a href="//wiki.soulsrpg.com/index.php?n=Players.Raze" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="ucp.php?i=pm&mode=compose&u=577" class="player-contact" title="CONTACT: PM Vicira"></a>
<a href="//wiki.soulsrpg.com/index.php?n=Players.RazeAdoptions" class="adoptables-available" title="ADOPTABLES available!"></a>
<a href="viewtopic.php?t=23974" target="_blank" title="POST LOG" class="post-log"></a>
<a href="#!" title="I prefer if you do NOT use graphical tables in our threads. Thanks!" class="no-tables"></a><br/>
<a href="//wiki.soulsrpg.com/index.php?n=Characters.Vesper" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="//imgur.com/a/X5Zf0" target="_blank" title="CHARACTER GALLERY &amp; CREDITS" class="ic-gallery"></a>
<a href="#!" class="lupus-preference" title="LUPUS unless otherwise stated."></a>
<a href="#!" class="accompaniment" title="Typically accompanied by a raven or two."></a>
<a href="LINK" class="permanent-disability" title="Crippled right hind leg."></a><br/>
<a href="#!" class="skill-fighting" title="Fighter mastered in feral combat."></a>
<a href="#!" class="skill-generic" title="Experienced survivalist able to scout, hunt, and navigate."></a>
<a href="#!" class="skill-animals" title="Able to talk to, care for, and train ravens."></a>
</div>

</div>
</div>

<style>
@import url('/images/icons/postsig/signature-icons.css');
#signature-icons a.permanent-disability { background-image: url('http://i.imgur.com/XVMFfdB.png'); }
</style>
<style type="text/css">
.vessig {
width:390px;
margin:0px auto;
background-image:url('https://cdnw.nickpic.host/osDfMd.png');
background-position:right center;
background-repeat:no-repeat;
height:200px;
}
.vessig .title {
margin:0px auto;
text-align:left;
padding:5px;
font-family:'Merriweather', serif;
font-size:11.8px;
letter-spacing:-.6px;
text-transform:lowercase;
opacity:0.7;
}
.vessig #signature-icon {margin:0px auto; text-align:center;}
.vessig .sigicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:50px 150px 2px 2px;
}
.vessig .packicons {
text-align:center;
margin:0px auto;
line-height:1em;
padding:2px 0px 2px 0px;
}
.vessig a {
-webkit-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
border-radius:7px;
}
.vessig a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,400italic' rel='stylesheet' type='text/css'>
[/html]
  Reply
#4
@ Kado- Yes I drew those :) not my best work since I'm not very good at animals.

@Vesper- I don't mind if you mess with it :) I'm honestly lost when it comes to code(I looked at a different profile and copied most of it when I made this :/)

*edit*
Also made a small page for Rook :)
[html]
<div class="sakuraSig">
<img src="http://i1288.photobucket.com/albums/b486/Ash_Fisher/Requested%20art/newkam_zpsotxchdaz.png" style="height:280px; z-index:-1; margin:0px 0px -70px;" />
<div id="signature-icons" class="iconblock">
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Kamilia" target="_http://wiki.soulsrpg.com/index.php?n=Characters.Kamilia" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://soulsrpg.com/forum/memberlist.php?mode=viewprofile&un=Crystal%20Crimson" class="adoptables-available" title="ADOPTABLES available!"></a>
<a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay LASKY." class="will-lasky"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" class="character-away" title="Character is visiting elsewhere until Aug 26."></a>
<a href="#!" class="apparel-accessories" title="Character typically wears brown scarf and sword."></a>
<a href="#!" class="references-okay" title="OOC references okay."></a>
<a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#!" class="skill-scholar" title="Character is a skilled scholar."></a>
<a href="#!" class="skill-fighting" title="Character is a skilled fighter with a katana."></a>
<a href="#!" class="skill-generic" title="Character is a skilled at piercing, and giving tattoo's."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.AshFisher" target=" <a href="http://wiki.soulsrpg.com/index.php?n=Players.PLAYERNAME" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>" title="My Wiki" class="player-wiki"></a>

</div></div>

<style>
@import url('http://sleepyglow.net/rp/icons/signature-icons.css');
.sakuraSig {margin:0 auto; text-align:center; margin:0 auto; }
.sakuraSig .buttonblock { margin:0 auto; }
.sakuraSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.sakuraSig .buttonblock a:hover, .razeSig .buttonblock a:active, .razeSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.sakuraSig .iconblock { font-size:0; margin:0 auto; }
.sakuraSig .iconblock { font-size:0; margin:0 auto; }
.sakuraSig .iconblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.sakuraSig .iconblock a:hover, .razeSig .iconblock a:active, .razeSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; }
</style>
[/html]
  Reply
#5
Added a profile for myself. again I had to look at someone else's code -_- (I should learn it lol)
[html]
<div class="sakuraSig">
<img src="http://i1288.photobucket.com/albums/b486/Ash_Fisher/Requested%20art/newkam_zpsotxchdaz.png" style="height:280px; z-index:-1; margin:0px 0px -70px;" />
<div id="signature-icons" class="iconblock">
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Kamilia" target="_http://wiki.soulsrpg.com/index.php?n=Characters.Kamilia" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="http://soulsrpg.com/forum/memberlist.php?mode=viewprofile&un=Crystal%20Crimson" class="adoptables-available" title="ADOPTABLES available!"></a>
<a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I will roleplay LASKY." class="will-lasky"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="#!" class="character-away" title="Character is visiting elsewhere until Aug 26."></a>
<a href="#!" class="apparel-accessories" title="Character typically wears brown scarf and sword."></a>
<a href="#!" class="references-okay" title="OOC references okay."></a>
<a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a>
<a href="#!" class="skill-scholar" title="Character is a skilled scholar."></a>
<a href="#!" class="skill-fighting" title="Character is a skilled fighter with a katana."></a>
<a href="#!" class="skill-generic" title="Character is a skilled at piercing, and giving tattoo's."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.AshFisher" target=" <a href="http://wiki.soulsrpg.com/index.php?n=Players.PLAYERNAME" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>" title="My Wiki" class="player-wiki"></a>

</div></div>

<style>
@import url('http://sleepyglow.net/rp/icons/signature-icons.css');
.sakuraSig {margin:0 auto; text-align:center; margin:0 auto; }
.sakuraSig .buttonblock { margin:0 auto; }
.sakuraSig .buttonblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.sakuraSig .buttonblock a:hover, .razeSig .buttonblock a:active, .razeSig .buttonblock a:focus { opacity:1; filter:alpha(opacity=100%); }
.sakuraSig .iconblock { font-size:0; margin:0 auto; }
.sakuraSig .iconblock { font-size:0; margin:0 auto; }
.sakuraSig .iconblock a { opacity:.7; filter:alpha(opacity=70%); transition:200ms linear all; -moz-transition:200ms linear all; }
.sakuraSig .iconblock a:hover, .razeSig .iconblock a:active, .razeSig .iconblock a:focus { opacity: 1; filter:alpha(opacity=100%); box-shadow: 0px 0px 2px #000; }
</style>
[/html]
  Reply


Forum Jump: