Wikia

Mathmagician Wiki

Mathmagician

Founder
2,944 Edits since joining this wiki
April 10, 2012
  • I live in West Coast USA
  • My occupation is Student
  • I am A Genius, also not female
184.73.87.85
  Loading editor
  • How can I put something in a page without editing it using CSS? Thanks

      Loading editor
    • For example, I'd like a picture appearing on a specific page without people seeing that I edited that page.

      Do I: body.page-Page.after { content: "content";}

      or what?

        Loading editor
    • Guppie the Third wrote:
      For example, I'd like a picture appearing on a specific page without people seeing that I edited that page.

      Do I: body.page-Page.after { content: "content";}

      or what?


      So, if you want to add content to a page like that, I would recommend first to Google "CSS content property" to learn more about it.

      Here's how you would use it to add a picture:

      #mw-content-text:before {
          content: url(http://images4.wikia.nocookie.net/__cb20120625214120/mathmagician/images/thumb/e/e5/Space_background.jpg/320px-Space_background.jpg);
      }
      • #mw-content-text is a selector for the main container of page content here on Wikia. You can replace this selector with whatever you want, like body.page-PAGENAME or #WikiaRail, etc. Changing this affects where the image will be placed on the page.
      • :after is the ":after" pseudo-element used to add content after the element you selected. You can also use ":before" to insert the content before the element, instead of after.
      • content is a CSS property.
        • If you want to add plain text, do so with content: "YOUR_STRING_HERE";
        • If you want to add an image, use content: url(FULL_IMAGE_URL); like in my example.
        Loading editor
    • So the code would be:

      body.page-Page:after { content: (content); }

      Right?

        Loading editor
    • It works! Thanks! :)

        Loading editor
    • 184.73.87.85
        Loading editor
  • Hello, I've recently made an external javascript widget that is currently being used in multiple wikis and I later found out that Google Chrome couldn't execute the widget due to Content Security Policy (CSP). My widget contains a few eval functions which makes the template not visible for users that are using Google Chrome. Firefox, Safari, and IE don't have this problem though. Could you please help me on this situation? Thanks! :)

      Loading editor
    • View all 14 replies
    • This reply has been removed
    • Sorry for this late response, but I think that doesn't solve the whole Google thing. It's still unable to disply for Google Chrome.

        Loading editor
    • 184.73.87.85
        Loading editor
  • I was wondering if you could help me out with making a script that does cross domain iframe ajax, like pecoes does with wikimarks, and like what you do with railgun. Thanks.

      Loading editor
    • View all 11 replies
    • Kangaroopower wrote:
      As for school, how long would it take to get a masters degree in compsci at the college/university you're going to? I think it's usually 2, but I'm not sure.

      Since I'm technically doing a master's certificate program, not an actual master's degree w/ thesis, this is just a 1 year program.

      Kangaroopower wrote:
      and I'm working on Igloo over at wikipedia

      Very nice. I don't think I remembered that you edit over at WP. I occasionally fix a typo as an anon, but I don't have an account there. I recently noticed they have a beta VisualEditor and it's pretty spiffy looking. It's so sleek and lightweight you can't hardly even tell you're editing the page.

        Loading editor
    • The VE is nice, but there was a huge outburst about its limitations and how it would become the default editor- I personally think that people are just resisting change

        Loading editor
    • 184.73.87.85
        Loading editor
  • Hi, I as browsing this wikia, and noticed your using a font, that wikia doesn't support, so you've imported it from google web fonts right (I'm guessing), could I ask how you did it? And when using the font name, on wikitext would it pull the font from css or would it need importing again?

      Loading editor
    • Yes, the font originated from Google web fonts. Installing a google web font on Wikia is pretty easy, just pick the font you want and grab the CSS code it gives you, and stick it into MediaWiki:Wikia.css.

      Once it's installed, it will map a custom font to a value of the font-family property, so yes, you can use it inline in wikitext, e.g.:

      {| class="wikitable" style="font-family: Marck Script; font-size: 2em;"
      |-
      ! Header
      |-
      | This is some sample text
      |}
      
      Header
      This is some sample text
        Loading editor
    • Hi, Thanks. I went ahead and picked the font I wanted, but I checked the import against the one you have and it's nothing like yours.I'm assuming were looking at the Intergrating with css part? It's just giving me the name of the font.

        Loading editor
    • So once you've chosen your font, you probably have code like this:

      @import url(http://fonts.googleapis.com/css?family=Marck+Script);
      

      You could use that import statement in your CSS and it should work. What I did instead is I put that URL into my web browser: http://fonts.googleapis.com/css?family=Marck+Script and then copy/pasted the CSS source code from there. Just a minor difference.

        Loading editor
    • 184.73.87.85
        Loading editor
  • Hi! I came across your posts/pages on collapsible elements. I was playing around with them and was wondering if you there was a way to float/position the show/hide toggle, so that the toggle is beside some text or next to a section heading.

    An example is shown here, where the toggle is next to the word "Notes". I "cheated" though, by putting it in a table. However, the toggle moves back to float right, when the hidden content is expanded (and the table expanded), which is not what I want (I want the toggle fixed in place next to "Notes").

    I know about the custom toggle class (from reading Help:Collapsing, but would ideally like to retain the original toggle, where the wording can change from "Expand" to "Collapse". I also prefer the "link-style" rather than the "button-style".

    Oh, and I don't want to change this for the whole wiki, just one instance on a page.

    Hope you can offer some advice on this. Maybe to use templates or change/create some CSS. Sorry for the long post. Thanks in advance!

    P.S. Oh! You are also the one who replied to my question on community central. Thanks! :)

    P.P.S. For the example, the toggle floated right when I pasted the code from the above link here. So I just linked to the site instead.

      Loading editor
    • View all 6 replies
    • Hi! I like the second solution much better. xD
      I think that's exactly what I'll use. Thanks so much!

        Loading editor
    • No problem, glad that works for you :)

        Loading editor
    • 184.73.87.85
        Loading editor
  • I'm trying to make something to help with breeding monsters. Is it possible to make a page where a person would select 2 monsters and then it would show all possible outcomes? Or is that a kind of scripting that doesn't work on wikia?

    Thanks in advance!

      Loading editor
    • View all 15 replies
    • Can you explain the picture a bit so I know what you're trying accomplish? This looks a lot different from your original question, which was about picking 2 monsters and seeing what new monster you can get by breeding those 2.

        Loading editor
    • Oh sorry, this was a different idea from the 2 monsters thing but I'm not sure how well it would work so might scrap the idea and just stick to the original one you made.

        Loading editor
    • 184.73.87.85
        Loading editor
  • Hey, that crafting thingy is pretty neat. I made a template out of it on Minecraft Fan Fiction Wiki and it seems to be working fine. Although if I leave a square empty without an image, it shows the lines of code from the template. Can you help me fix that? Here's the link And the test page - Here.

    P.S. I'm not that good with temlates.

      Loading editor
  • I'm making a pub/sub script like jquery.callbacks except a billion times awesomer :P... but seriously it let's you do a lot of cool stuff like set priorities for your pub/subs so when you "publish" an event, the "subscriber" with the highest priority will receive that action first. Not only that but it let's you lock and disable certain subscriptions only and a bunch of other stuff I don't remember off the top of my head. I have one question though... should I include jquery.deferred like functionality?

      Loading editor
  • It's all working!! but not the PortableCSS?

      Loading editor
    • Original Authority wrote: Hi, Math, if you look at my history, I had your import and others like chat hacks but then it wouldn't work so i borrowed Pecoes to see if it would work but it never....And yes you have my permission

      I have removed PortableCSSPad from your JavaScript (again, there are problems with it, please don't use it until I can fix those problems)

      Everything in your global.jsshould be working now. If chat hacks aren't working for you, erase the code I put in there and replace it with the old chat hacks code you had, which was this:

      /*  Monchomans chat hacks */
      importScriptPage('User:Monchoman45/ChatHacks.js', 'c');
        Loading editor
    • Hey, I have now finished working out some bugs in the CSS Pad script you were asking about. If you want, you can now find the script at http://dev.wikia.com/wiki/PortableCSSPad and install it by following the instructions there

        Loading editor
    • Will do, Thanks!!

        Loading editor
    • 184.73.87.85
        Loading editor
  • Seems a new wikia is starting up and this person is pretty much copying my code. Is there a way to prevent this?

      Loading editor
    • View all 37 replies
    • Did you try using padding on the table itself? E.g.

      {| style="padding: 100px; border: 2px dashed blue;"
      |-
      | style="border: 1px solid red;" | But there is a 100px padding
      |}
      
      But there is a 100px padding
        Loading editor
    • wow didn't even think of that. thanks, looks much better.

        Loading editor
    • 184.73.87.85
        Loading editor
See archived talk page
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Advertisement | Your ad here

Around Wikia's network

Random Wiki