Search results for '%234'
-
UselessTriviaManBest fight-in-a-church-while-Free-Bird-plays-in-the-background ever!
!https://lh3.googleusercontent.com/-p_cm0rOoefk/VhF7F7T5IYI/AAAAAAAAJWE/OOVlpf08b-4/s253/Hulk%25234.gif! -
Keryth987!https://s3.amazonaws.com/thisismyjam/i/a947621ea9844565ab26b4c8d34c173a.jpg?1383234704!
Keelah Se'lai,
Keryth
"Shadows Over New York":http://www.obsidianportal.com/campaigns/shadows-over-new-york
"2013 Campaign of The Year":http://blog.obsidianportal.com/2013-coty-shadows-over-new-york/
"Campaign of the Month July 2013":http://blog.obsidianportal.com/shadows-over-new-york-julys-campaign-of-the-month/ -
twiggyleafThanks SkidAce
Your reminder of that infamous Right Click was strangely a Eureka moment!
In the end I did the old [[File:544234 | class=media-item-align-center | 200px | Garden_City_.jpg]] method and that actually seemed to work.
twigs -
twiggyleafHey guys, on a similar theme, what is the best way to set up a picture link in the wiki these days.
[[File:544234 | class=media-item-align-center | 200px | Garden_City_.jpg]]
Using the code from the picture above, how does one now turn this picture into a link to a new wiki page. The old way I used to do this doesn't seem to work anymore.
twigs -
WarenhariHello.
AFAIK you don't have to +set up+ the payment. When you see your 'My Ascendent Membership' page you'll notive fields like:
|Pay Period: Yearly
Next Payment: *June 30, 2015*
Card Type: Visa
Card Number: XXXX XXXX XXXX 1234
Card Expires: May 2020|
The Obsidian Portal will try to charge your credit card with next payment on that date if you don't do anything like downgrading to free plan or something. It's auto-magical.
Hope that helps.
Regards
Warenhari -
There sure is, though I suspect a similar issue with an errant being on that page causing the Stream to get pushed (though could be a sizing issue as well of content areas). Anyways, to hide the Stream wholesale like I do on my own Campaign Page you would put this in your CSS:
.campaign-public-layout #sidebar #campaign-stream {
display:none;
}
In my own CSS I have a !important on the display:none but that might be due to some of the other things I am hitting on it not pulling without it (I would try without the !important first as that would be better code overall technically speaking).
If you cut out the Stream you may want to toss something on the Front Page to denote updates you want to point out to folks (a manual replacement of the Stream - I prefer this since it doesn't display my little minor updates to pages for formatting or spelling. To do that in a slick way you could setup the CSS News Ticker that I have implemented. I have it designed to work with 4 bits of content presently, but with a bit of work on the CSS you could include more items. To do this you would add this to your CSS:
/* NEWS TICKER */
/* TICKER EFFECT */
@-webkit-keyframes ticker {
0% {margin-top: -4px;}
25% {margin-top: -34px;}
50% {margin-top: -64px;}
75% {margin-top: -94px;}
100% {margin-top: -4px;}
}
@-moz-keyframes ticker {
0% {margin-top: -4px;}
25% {margin-top: -34px;}
50% {margin-top: -64px;}
75% {margin-top: -94px;}
100% {margin-top: -4px;}
}
@-ms-keyframes ticker {
0% {margin-top: -4px;}
25% {margin-top: -34px;}
50% {margin-top: -64px;}
75% {margin-top: -94px;}
100% {margin-top: -4px;}
}
@keyframes ticker {
0% {margin-top: -4px;}
25% {margin-top: -34px;}
50% {margin-top: -64px;}
75% {margin-top: -94px;}
100% {margin-top: -4px;}
}
/* CONTAINING BOX */
.news {
box-shadow:inset 0 -15px 30px rgba(0,0,0,0.4),0 5px 10px rgba(0,0,0,0.5);
width:75%;
height:30px;
margin:20px auto;
overflow:hidden;
border-radius:4px;
-webkit-user-select:none;
padding:2px 1px 2px 0;
}
/* BOX TITLE SPAN */
.news span {
float:left;
color:#fff;
padding:3px;
position:relative;
border-radius:4px;
box-shadow:inset 0 -15px 30px rgba(0,0,0,0.4);
font:16px 'Source Sans Pro',Helvetica,Arial,sans-serif;
-webkit-font-smoothing:antialiased;
-webkit-user-select:none;
}
/* TICKER LIST FORMAT */
.news ul {
float:left;
padding-left:5px;
-webkit-user-select:none;
-webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
-moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
-ms-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
}
.news ul li {
line-height:30px;
list-style:none;
}
/* LINK STYLE */
.news ul li a {
color:#fff!important;
font:14px Helvetica,Arial,sans-serif;
-webkit-font-smoothing:antialiased;
-webkit-user-select:none;
}
.news ul li a:hover {
color:#fff!important;
}
/* PAUSE ON LIST HOVER */
.news ul:hover {
animation-play-state:paused;
}
/* OPTIONAL PAUSE ON SPAN HOVER */
.news span:hover+ul {
animation-play-state:paused;
cursor:default;
}
/* BACKGROUND COLORS */
.blue {
background:#347fd0;
}
.blue span {
background:#2c66be;
}
.red {
background:#d23435;
}
.red span {
background:#c22b2c;
}
.green {
background:#699B67;
}
.green span {
background:#547d52;
}
.magenta {
background:#b63ace;
}
.magenta span {
background:#842696;
}
.yellow {
background:#eae672;
}
.yellow span {
background:#d3cf67;
}
.navy {
background: #1E2227;
}
.navy span {
border-top-color: #161A1F;
}
/* END NEWS TICKER */
For the actual HTML that goes along with this you would place the following somewhere on your Front Page (obviously adjusting the links for your own content), and in the class you can substitute red for any of the color options I have listed in the above CSS (yellow, blue, red, green, magenta, navy):
UpdatesTitle Text 1Title Text 2Title Text 3Title Text 4
To see this in effect you can pop over to my Campaign Page and check it out. If you do a search on my page for Formatting you can get to a page where you can see the different color options in action (except for the navy one at the moment). The code should work across all modern browser (which is why it includes the keyframe bit multiple times). It is also responsive to respond to mobile devices, but longer titles for the content can cause some odd results as it attempts to cope with the overflow.
--
Alex
"Dragon Age: Requiem - https://dragon-age-requiem.obsidianportal.com/ -
You shouldn't need to actually, but you probably need the full CSS for the timeline which it looks like you are missing. This is what I have cobbled together on it so far (well, I have excluded some bits that should not be needed specifically to get the main build working). I am curious to see if it does work with the expanding details that you have in place (I think it should). Anyways, this is the CSS for the timeline that Ikabodo cobbled up:
/* TIMELINE FORMAT TEST */
.timelinecontainer{
position: relative;
overflow: hidden;
}
.timelinemargin{
height: 100%;
position: absolute;
left: 50%;
width: 2px;
background: #b52020;
bottom: 10px;
margin-left: -1px;
z-index: 87;
}
ul.timeline{
width:100%;
position: relative;
list-style: none;
overflow: hidden;
padding: 0px;
margin: 0px;
}
.timeline li{
width: 48%;
background: rgba(246,234,213,0.7);
border-radius:4px;
margin: 10px 0 10px 0;
padding: 0 10px 0 10px;
position: relative;
}
.timeline div.age{
font-family:Fondamento;
font-size:125%;
margin-left: calc( 50% - 45px );
font-weight:bold;
display: inline-block;
background: #b52020;
color:white;
border-radius:50px;
padding: 0 10px 0 10px;
position: relative;
z-index:88;
width:90px;
text-align:center;
}
.timeline div.year{
font-family:Fondamento;
font-size:125%;
margin-left: calc( 50% - 35px );
font-weight:bold;
display: inline-block;
background: #b52020;
color:white;
border-radius:50px;
padding: 0 10px 0 10px;
position: relative;
z-index:88;
width:70px;
text-align:center;
}
.timeline li:before{
border: 7px solid;
content: '';
display: block;
position: absolute;
}
.timeline li:nth-child(even){
float:right;
clear:right;
}
.timeline li:nth-child(odd){
float:left;
clear:left;
}
.timeline li:nth-child(even):before{
border-color: transparent rgba(246,234,213,0.7) transparent transparent;
right: 100%;
top: 10px;
}
.timeline li:nth-child(odd):before{
border-color: transparent transparent transparent rgba(246,234,213,0.7);
left: 100%;
top: 10px;
}
/* END TIMELINE FORMAT TEST */
--
Alex
"Dragon Age: Requiem":https://dragon-age-requiem.obsidianportal.com/ -
BortasSo Alex-
I had this on my agenda to give a try to, but I needed to finish a project bit of code out, when I encountered some oddity: I was right clicking to get something, and it gave me the image dialog box, and it occurred to me: with the code given above, it doesn't actually stop displaying the popup, it's just transparent. I couldn't mouse over the second item in the table and make it pop up, because it was behind the transparent first one. So I changed the CSS:
@.popupcontent {position: fixed; top: 10%; left:30%; z-index: 20;
background-image: url('https://db4sgowjqfwig.cloudfront.net/campaigns/67984/assets/422340/StreamRecentUpdates.png');
background-size: contain;
padding: 1em;
color: #6d0808;
box-shadow:0 10px 10px 4px rgba(0,0,0,0.3);
visibility:hidden;
opacity:0;
transition:visibility 0s linear 0.5s,opacity 0.5s linear;
}
.popupbutton:hover + .popupcontent,
.popupbutton:active + .popupcontent {
visibility:visible;
opacity:1;
transition-delay:0s;
}@
Instead of making it transparent, I just make it not display. No alterations to the HTML. Everything works as it should now.
I hope someone out there finds this handy.
-bort
"Morwindl":http://morwindl.obsidianportal.com -
ChainsawXIVSince you're using opaque images, there's actually a super nice and easy way to do this using multiple background images:
You'll want a handy class in your CSS:
bc. .sidebar{
background-image:
url('https://db4sgowjqfwig.cloudfront.net/campaigns/90506/assets/358151/Table-Top-Thin_-_Top_Image.jpg?1407960997'),
url('https://db4sgowjqfwig.cloudfront.net/campaigns/90506/assets/358152/Table-Top-Thin_-_Bottom_Image.jpg?1407961030'),
url('https://db4sgowjqfwig.cloudfront.net/campaigns/90506/assets/358232/Table-Top-Thin_-_left.jpg?1407978364'),
url('https://db4sgowjqfwig.cloudfront.net/campaigns/90506/assets/358234/Table-Top-Thin_-_right.jpg?1407978384');
background-repeat: no-repeat,no-repeat,repeat-y,repeat-y;
background-position: top,bottom,left,right;
width:288px;
padding:50px 20px 20px 20px;
}
And then your content is as simple as:
bc.
ParagraphParagraphParagraphParagraphParagraph hahahahaha haha haah ahaha hahaha hahahaha hahaha hahaaah aaha aha aaah
If you decide you want to use transparent borders that's a little more complex, but still doable. Let me know and I can set up an example. -
Aurin777Thanks for the quick response!
I did make the top and bottom pull across multiple rows, I had thought. Here's the code that I am using:
table, th, td
{
border-collapse:collapse;
border:0px solid black;
}
th, td
{
padding:0px;
}
ParagraphParagraphParagraphParagraphParagraph hahahahaha haha haah ahaha hahaha hahahaha hahaha hahaaah aaha aha aaah -
bluesguyI am looking for help on my Navbar. Here is a "link":https://nyonia-celestial-jewels.obsidianportal.com/ to my campaign.
Here is my the css code I think is applicable
/*NAVBAR*/
.adventure-log {display:none}
.calendar {display:none}
.characters {display:none}
.dashboard {display:none}
.forum {display:none}
.collapsable-nav-row .front-nav-container {width:100%; background-image:url(https://db4sgowjqfwig.cloudfront.net/assets/312347/nav-board.jpg); background-repeat:no-repeat; top:-10px; left:15px; width:191px; height:280px;}
/*Change Link Names*/
/*remove current text*/
#campaign-nav .front-page .nav-text {font-size:0;}
#campaign-nav .adventure-log .nav-text {font-size:0;}
#campaign-nav .wiki .nav-text {font-size:0;}
#campaign-nav .characters .nav-text {font-size:0;}
#campaign-nav .maps .nav-text {font-size:0;}
#campaign-nav .settings .nav-text {font-size:0;}
/*add new text*/
#campaign-nav .front-page a:after {content:"Nyonia - Celestial Jewels";}
#campaign-nav .wiki a:after {content:"o Cyclopedia";}
#campaign-nav .maps a:after {content:"o Atlas";}
#campaign-nav .settings a:after {content:"o GM Tools";}
#campaign-nav .bullet.nav-links {position:relative; top:30px;left:30px;}
/* GET RID OF NAV ICONS */
.op-icon {display:none !important;}
.icon{display:none !important;}
/* REFORMATING NAV-BAR */
.menu-text{font-family:Georgia,serif;}
.collapsable-nav-row .front-nav-container{width:13%;}
What I would like to be able to do for my Navbar is the following (showing as a text layout; and I would like to use my nav-board.jpg):
* Nyonia - Celestial Jewels (goes to front page of this campaign)
** Cyclopedia (goes to wiki)
** Atlas (goes to a specific place in wiki)
** GM Tools (goes to settings)
* Nyonia - Age of Exploration (goes to a different OP campaign)
Any assistance would be appreciated. -
SavannahI believe you just need
body{
background-image: url(http://cdn.obsidianportal.com/assets/142346/Seamless_pattern_2.png);
background-attachment:fixed;
}
The others should be the defaults for background images. -
DragnmoonGot the Back ground Image to work, This is what I did
body{
background-image: url(http://cdn.obsidianportal.com/assets/142346/Seamless_pattern_2.png);
background-position:fixed;top:0px;left:0px;z-index:-100;
background-repeat: repeat;
background-attachment:fixed;
} -
LangyThe background image is easy. Just use this:
body {
background-image:url('http://cdn.obsidianportal.com/assets/142346/Seamless_pattern_2.png');
}
The tab might require a little work, but it might be _something_ like:
li .home{
background-image:url('http://cdn.obsidianportal.com/assets/142545/Home.png');
border-style:none;
font-size:0px;
width:121px;
height:74px;
}
Then do a new one for each of .adventure-log, .characters, .map, etc.
To be honest, I'm not sure if an image-based tab bar will work with this or not. Experiment! -
DragnmoonHey hoping I can get some Help in cleaning up some code on my page, I am not a Code guru most of the information I got from Arsheesh on his page "Here":http://www.obsidianportal.com/campaign/age-of-legends/wikis/html-templates-for-age-of-legends.
Here is the page I am working on "Pathfinder Society San Antonio":http://www.obsidianportal.com/campaigns/pathfinder-society-san-antonio
The Code works great on the Home Page, but when I add it to the Wiki Page "I get this":http://www.obsidianportal.com/campaign/pathfinder-society-san-antonio/wikis/main-page which ii all messed up on the placement. I tried adjusting the top placement but it won't go any higher.
Here is the Code I am working with, if any can give me some advice it would be appreciated, I am think I should be placing the page content some where in the code to correct this, but I am uncertain (remember not a code guru ;) . I have been placing the Text originally after the Code.
What I am adding is Navigation Menu Template to go above Default, Custom Background, and a Side Navigation Bar. -
soulnovah1. *Land of the Relentless*
*System*: Pathfinder RPG
*Type*: Post by Post
Active / Looking for Players.
Obsidian portal page
http://www.obsidianportal.com/campaigns/relentless
Original Wiki Page
http://relentless.pbworks.com
Game thread
www.narutoforums.com/showthread.php?t=632341&goto=newpost
OOC thread
www.narutoforums.com/showthread.php?t=631951&goto=newpost
The Age of The Relentless is how the historians are calling these hard times. For the last hundred of years elementals, monsters and other strange creatures roam the wilderness in search of blood. They destroyed much of the civilized world for reasons yet unkown.
People live in great cities looking protection from their walls. Each day brings the worry of raids and the destruction of field crops. Entire kingdoms have dissapeared and only a few are left standing.
The authorities look for capable people and mostly mercenaries to protect the goods of trade caravans that mean so much to many small towns and villages. Is in this time when true heroes are needed, or at least those who act like them. Relentlessly fighting for the survival of Aludnath's people.
You are part of the organization called "The Hunters" who work as a mercenary group in charge of keeping the few cities of the kingdom of Norinias safe from monsters and elementals. These last few weeks there has been an increase on the sightings and attacks and several squads of the Hunters are being movilized all around the towns. There are also rumors that the leaders of the group might have gotten some kind information but they are not ready to disclose it yet. They have asked you to join Eagle Squad, a group of strange but strong adventures leading the investigation of these events.
We already have the following:
-Ranged fighter
-Druid
-Rogue
-Barbarian
-Witch
-Sorcerer
* All the classes/races found on the PRD permited
* Non-Evil Characters only
* As a note, all summoning spells back fire and it always brings an elemental who attacks anything on sight. Even you. These spells have been 'banned' in the game world.
* Any kind of travel outside the Material Plane is also impossible since the Relentless Age started. Does who actually manage to make it work are never seen again. -
erwinRight, right? This "shirt":http://a5.sphotos.ak.fbcdn.net/hphotos-ak-snc1/5290_117251404689_43299984689_2343648_6942009_n.jpg goes, man.. -
AlatheonI just finished reading the book "Hunger Games":http://www.amazon.com/Hunger-Games-Suzanne-Collins/dp/0439023483. Pretty good (and messed up) ideas for gladitorial combat in there.
The bloodsport takes place over several weeks in a carefully manufactured "wilderness" area. Combatants start in a cirlce around "the cornucopia", which is filled with food, water, survival supplies and weapons (they don't get to bring anything with them). The initial fight over the supplies is a bloodbath, and then things become a game of cat and mouse, where the fighters need to forage for food if they didn't score any before.
The overseers of the game use traps and barriers to force combatants together if things go too long with out a kill, and before the game, combatants can lobby for patrons, who will send them supplies when neccessary.
It would require some tweaking, since it is a last man standing contest, which doesn't leave a lot of room for team play. Of course it could be fun to pit the party against each other too. -
MicahNo, you're not a tool, and it's not your fault. Things aren't as easy as we'd like. We're trying to improve things, but it's tough to make the system both easy and powerful.
1. The links turn light blue to show that the target page exists. If the target page does not exist (and can be created) then the links will be red. It's an easy way to tell if a wiki link actually leads to a page, or is just a placeholder for "fill me in later"
2. We're working on ways to make it easier to find your campaigns, mainly through better searching. For now, it's best to copy down the URL of your campaign and send that to your players. In your case, it's: http://www.obsidianportal.com/campaign/red-moon-rising
3. Make sure that you use the exact same page name, including case. If you want the link text to be different than the actual name of the page, you can specify it like this:
[[My New Page | Some Text Here]]
3 (part 2): To link to a character, use the quick-link helper in the sidebar. It will list all the PCs/NPCs in your campaign, and you can choose one from the dropdown list. This will give you a cut & paste text to link to your character. In general, you can use either the slug (if you chose one) or the ID for the character. And, you make the link using the double brackets [[ ]], but with a colon, like so:
[[:slug-here]]
[[:1234]]
There are some pre-generated pages in every new campaign that have some good examples of the linking. Try editing the main wiki page and seeing how it works.
I hope this helps. If you have any more questions, hit me up at [email protected] I have an easier time answering emails than following the forum threads. -
redstarI would use port forwarding. Its simple to setup and simple to use. You should google your specific router on how to do this but the basic steps are as follows:
# Login into you router. If you dont have the login/password you can reset it with a button on the back. Username/password typically defaults to admin/admin.
# Set port forwarding. This is typically found under a menu on your router's control panel. I would set the port to something besides the default on Maptools of 51234. Set it to 7070 or something.
# Start up Maptools, start a server. Be sure to use the same port you setup above. Click on "Connection Information." This will give you your external IP address and the port. Your players should use that information to connect.
And maptools _is_ the best, if for no other reason that it runs on JAVA, and therefore can run natively on a Mac :)
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
