Click here to Skip to main content
15,868,122 members
Articles / Web Development

Silverlight web comic

Rate me:
Please Sign up or sign in to vote.
5.00/5 (2 votes)
7 Feb 2012CPOL3 min read 18.2K   305   5  
Its a silverlight page to create a simple comic with photos and text-ballons
  • comic.zip
    • comic
      • comic.sln
      • comic.suo
      • comic.Web
      • comic
        • App.xaml
        • App.xaml.vb
        • Bin
          • Debug
            • AppManifest.xaml
            • ar
              • System.ComponentModel.DataAnnotations.resources.dll
            • bg
              • System.ComponentModel.DataAnnotations.resources.dll
            • ca
              • System.ComponentModel.DataAnnotations.resources.dll
            • comic.dll
            • comic.pdb
            • comic.xap
            • comic.xml
            • comicTestPage.html
            • cs
              • System.ComponentModel.DataAnnotations.resources.dll
            • da
              • System.ComponentModel.DataAnnotations.resources.dll
            • de
              • System.ComponentModel.DataAnnotations.resources.dll
              • System.ServiceModel.Web.Extensions.resources.dll
            • el
              • System.ComponentModel.DataAnnotations.resources.dll
            • es
              • System.ComponentModel.DataAnnotations.resources.dll
              • System.ServiceModel.Web.Extensions.resources.dll
            • et
              • System.ComponentModel.DataAnnotations.resources.dll
            • eu
              • System.ComponentModel.DataAnnotations.resources.dll
            • fi
              • System.ComponentModel.DataAnnotations.resources.dll
            • fr
              • System.ComponentModel.DataAnnotations.resources.dll
              • System.ServiceModel.Web.Extensions.resources.dll
            • he
              • System.ComponentModel.DataAnnotations.resources.dll
            • hr
              • System.ComponentModel.DataAnnotations.resources.dll
            • hu
              • System.ComponentModel.DataAnnotations.resources.dll
            • id
              • System.ComponentModel.DataAnnotations.resources.dll
            • Images
              • nube_derecha.png
              • nube_derecha1.png
              • nube_izquierda.png
              • nube_izquierda1.png
              • nuebe1.jpg
              • nuebe1.jpg.png
              • ovalo_derecha1.png
              • ovalo_izquierda1.png
              • rectangulo_derecha1.png
              • rectangulo_izquierdo1.png
              • rectangulo1.png
            • it
              • System.ComponentModel.DataAnnotations.resources.dll
              • System.ServiceModel.Web.Extensions.resources.dll
            • ja
              • System.ComponentModel.DataAnnotations.resources.dll
              • System.ServiceModel.Web.Extensions.resources.dll
            • ko
              • System.ComponentModel.DataAnnotations.resources.dll
              • System.ServiceModel.Web.Extensions.resources.dll
            • lt
              • System.ComponentModel.DataAnnotations.resources.dll
            • lv
              • System.ComponentModel.DataAnnotations.resources.dll
            • ms
              • System.ComponentModel.DataAnnotations.resources.dll
            • nl
              • System.ComponentModel.DataAnnotations.resources.dll
            • no
              • System.ComponentModel.DataAnnotations.resources.dll
            • pl
              • System.ComponentModel.DataAnnotations.resources.dll
            • pt
              • System.ComponentModel.DataAnnotations.resources.dll
            • pt-BR
              • System.ComponentModel.DataAnnotations.resources.dll
            • ro
              • System.ComponentModel.DataAnnotations.resources.dll
            • ru
              • System.ComponentModel.DataAnnotations.resources.dll
              • System.ServiceModel.Web.Extensions.resources.dll
            • sk
              • System.ComponentModel.DataAnnotations.resources.dll
            • sl
              • System.ComponentModel.DataAnnotations.resources.dll
            • sr-Cyrl-CS
              • System.ComponentModel.DataAnnotations.resources.dll
            • sr-Latn-CS
              • System.ComponentModel.DataAnnotations.resources.dll
            • sv
              • System.ComponentModel.DataAnnotations.resources.dll
            • System.ComponentModel.DataAnnotations.dll
            • System.ComponentModel.DataAnnotations.xml
            • System.ServiceModel.DomainServices.Client.dll
            • System.ServiceModel.DomainServices.Client.Web.dll
            • System.ServiceModel.DomainServices.Client.Web.xml
            • System.ServiceModel.DomainServices.Client.xml
            • System.ServiceModel.Web.Extensions.dll
            • System.ServiceModel.Web.Extensions.xml
            • th
              • System.ComponentModel.DataAnnotations.resources.dll
            • tr
              • System.ComponentModel.DataAnnotations.resources.dll
            • uk
              • System.ComponentModel.DataAnnotations.resources.dll
            • vi
              • System.ComponentModel.DataAnnotations.resources.dll
            • zh-Hans
              • System.ComponentModel.DataAnnotations.resources.dll
              • System.ServiceModel.Web.Extensions.resources.dll
            • zh-Hant
              • System.ComponentModel.DataAnnotations.resources.dll
              • System.ServiceModel.Web.Extensions.resources.dll
        • clases
        • comic.sln
        • comic.suo
        • comic.vbproj
        • comic.vbproj.user
        • comic.Web
        • comic
          • App.xaml
          • App.xaml.vb
          • Bin
            • Debug
              • AppManifest.xaml
              • ar
                • System.ComponentModel.DataAnnotations.resources.dll
              • bg
                • System.ComponentModel.DataAnnotations.resources.dll
              • ca
                • System.ComponentModel.DataAnnotations.resources.dll
              • comic.dll
              • comic.pdb
              • comic.xap
              • comic.xml
              • comicTestPage.html
              • cs
                • System.ComponentModel.DataAnnotations.resources.dll
              • da
                • System.ComponentModel.DataAnnotations.resources.dll
              • de
                • System.ComponentModel.DataAnnotations.resources.dll
                • System.ServiceModel.DomainServices.Client.resources.dll
                • System.ServiceModel.DomainServices.Client.Web.resources.dll
                • System.ServiceModel.Web.Extensions.resources.dll
              • el
                • System.ComponentModel.DataAnnotations.resources.dll
              • es
                • System.ComponentModel.DataAnnotations.resources.dll
                • System.ServiceModel.DomainServices.Client.resources.dll
                • System.ServiceModel.DomainServices.Client.Web.resources.dll
                • System.ServiceModel.Web.Extensions.resources.dll
              • et
                • System.ComponentModel.DataAnnotations.resources.dll
              • eu
                • System.ComponentModel.DataAnnotations.resources.dll
              • fi
                • System.ComponentModel.DataAnnotations.resources.dll
              • fr
                • System.ComponentModel.DataAnnotations.resources.dll
                • System.ServiceModel.DomainServices.Client.resources.dll
                • System.ServiceModel.DomainServices.Client.Web.resources.dll
                • System.ServiceModel.Web.Extensions.resources.dll
              • he
                • System.ComponentModel.DataAnnotations.resources.dll
              • hr
                • System.ComponentModel.DataAnnotations.resources.dll
              • hu
                • System.ComponentModel.DataAnnotations.resources.dll
              • id
                • System.ComponentModel.DataAnnotations.resources.dll
              • Images
                • box.png
                • left_box.png
                • left_cloud.png
                • left_oval.png
                • nuebe1.jpg
                • rght_oval.png
                • right_box.png
                • right_cloud.png
              • it
                • System.ComponentModel.DataAnnotations.resources.dll
                • System.ServiceModel.DomainServices.Client.resources.dll
                • System.ServiceModel.DomainServices.Client.Web.resources.dll
                • System.ServiceModel.Web.Extensions.resources.dll
              • ja
                • System.ComponentModel.DataAnnotations.resources.dll
                • System.ServiceModel.DomainServices.Client.resources.dll
                • System.ServiceModel.DomainServices.Client.Web.resources.dll
                • System.ServiceModel.Web.Extensions.resources.dll
              • ko
                • System.ComponentModel.DataAnnotations.resources.dll
                • System.ServiceModel.DomainServices.Client.resources.dll
                • System.ServiceModel.DomainServices.Client.Web.resources.dll
                • System.ServiceModel.Web.Extensions.resources.dll
              • lt
                • System.ComponentModel.DataAnnotations.resources.dll
              • lv
                • System.ComponentModel.DataAnnotations.resources.dll
              • ms
                • System.ComponentModel.DataAnnotations.resources.dll
              • nl
                • System.ComponentModel.DataAnnotations.resources.dll
              • no
                • System.ComponentModel.DataAnnotations.resources.dll
              • pl
                • System.ComponentModel.DataAnnotations.resources.dll
              • pt
                • System.ComponentModel.DataAnnotations.resources.dll
              • pt-BR
                • System.ComponentModel.DataAnnotations.resources.dll
              • ro
                • System.ComponentModel.DataAnnotations.resources.dll
              • ru
                • System.ComponentModel.DataAnnotations.resources.dll
                • System.ServiceModel.DomainServices.Client.resources.dll
                • System.ServiceModel.DomainServices.Client.Web.resources.dll
                • System.ServiceModel.Web.Extensions.resources.dll
              • sk
                • System.ComponentModel.DataAnnotations.resources.dll
              • sl
                • System.ComponentModel.DataAnnotations.resources.dll
              • sr-Cyrl-CS
                • System.ComponentModel.DataAnnotations.resources.dll
              • sr-Latn-CS
                • System.ComponentModel.DataAnnotations.resources.dll
              • sv
                • System.ComponentModel.DataAnnotations.resources.dll
              • System.ComponentModel.DataAnnotations.dll
              • System.ComponentModel.DataAnnotations.xml
              • System.ServiceModel.DomainServices.Client.dll
              • System.ServiceModel.DomainServices.Client.Web.dll
              • System.ServiceModel.DomainServices.Client.Web.xml
              • System.ServiceModel.DomainServices.Client.xml
              • System.ServiceModel.Web.Extensions.dll
              • System.ServiceModel.Web.Extensions.xml
              • th
                • System.ComponentModel.DataAnnotations.resources.dll
              • tr
                • System.ComponentModel.DataAnnotations.resources.dll
              • uk
                • System.ComponentModel.DataAnnotations.resources.dll
              • vi
                • System.ComponentModel.DataAnnotations.resources.dll
              • zh-Hans
                • System.ComponentModel.DataAnnotations.resources.dll
                • System.ServiceModel.DomainServices.Client.resources.dll
                • System.ServiceModel.DomainServices.Client.Web.resources.dll
                • System.ServiceModel.Web.Extensions.resources.dll
              • zh-Hant
                • System.ComponentModel.DataAnnotations.resources.dll
                • System.ServiceModel.DomainServices.Client.resources.dll
                • System.ServiceModel.DomainServices.Client.Web.resources.dll
                • System.ServiceModel.Web.Extensions.resources.dll
          • clases
          • comic.vbproj
          • comic.vbproj.user
          • Generated_Code
          • Images
            • box.png
            • left_box.png
            • left_cloud.png
            • left_oval.png
            • nuebe1.jpg
            • rght_oval.png
            • right_box.png
            • right_cloud.png
            • Thumbs.db
          • MainPage.xaml
          • MainPage.xaml.vb
          • My Project
          • obj
        • Generated_Code
        • Images
          • nube_derecha.png
          • nube_derecha1.png
          • nube_izquierda.png
          • nube_izquierda1.png
          • nuebe1.jpg
          • nuebe1.jpg.png
          • ovalo_derecha1.png
          • ovalo_izquierda1.png
          • rectangulo_derecha1.png
          • rectangulo_izquierdo1.png
          • rectangulo1.png
          • Thumbs.db
        • MainPage.xaml
        • MainPage.xaml.vb
        • My Project
        • obj
<UserControl x:Class="comic.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="900" d:DesignWidth="970" Foreground="#FFFC1010" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">

    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" >
        <StackPanel Width="950" Orientation="Horizontal">
            <Canvas Height="800" HorizontalAlignment="Left" Margin="0,0,0,0" Name="canvasComic" 
                    VerticalAlignment="Top" Width="735" Background="White">
            <Canvas Canvas.Left="17" Canvas.Top="16" Height="198" x:Name="canvasCuadro1" Width="705" Background="#FFFC1717" AllowDrop="True" />
            <Canvas Canvas.Left="502" Canvas.Top="226" Height="181" Name="canvasCuadro4" Width="220" AllowDrop="True" Background="#FF03F8F8" />
                <Canvas Canvas.Left="17" Canvas.Top="226" Height="181" Name="canvasCuadro2" Width="220" AllowDrop="True" Background="#FFDFF206" />
                <Canvas Canvas.Left="260" Canvas.Top="226" Height="181" Name="canvasCuadro3" Width="220" AllowDrop="True" Background="#FF17A00C" />
            <Canvas Canvas.Left="17" Canvas.Top="421" Height="160" Name="canvasCuadro5" Width="345" AllowDrop="True" Background="#FF155BCB"/>
            <Canvas Canvas.Left="378" Canvas.Top="421" Height="160" Name="canvasCuadro6" Width="345" AllowDrop="True" Background="#FFAE16F2" />
            <Border BorderBrush="Black" BorderThickness="3" Canvas.Left="14" Canvas.Top="12" Height="206" Name="Border1" Width="713" />
            <Border BorderBrush="Black" BorderThickness="3" Canvas.Left="13" Canvas.Top="222" Height="189" Name="Border2" Width="229" />
            <Border BorderBrush="Black" BorderThickness="3" Canvas.Left="256" Canvas.Top="222" Height="189" Name="Border3" Width="229" />
            <Border BorderBrush="Black" BorderThickness="3" Canvas.Left="497" Canvas.Top="222" Height="189" Name="Border4" Width="229"></Border>
            <Border BorderBrush="Black" BorderThickness="3" Canvas.Left="12" Canvas.Top="417" Height="168" Name="Border5" Width="354" />
            <Border BorderBrush="Black" BorderThickness="3" Canvas.Left="374" Canvas.Top="417" Height="168" Name="Border6" Width="354" />
            </Canvas>
            <Canvas Height="800" Width="204" Margin="0,0,0,0">
                    <Button Canvas.Left="71" Canvas.Top="332" Content="Borrar" Height="23" Name="bBorrar" Width="75" />
                    <TextBox AcceptsReturn="True" Canvas.Left="10" Canvas.Top="27" Height="59" HorizontalScrollBarVisibility="Auto" Name="tbTexto" TextWrapping="NoWrap" VerticalScrollBarVisibility="Visible" Width="173" />
                    <Button Canvas.Left="10" Canvas.Top="95" Content="Nube Izq" Height="33" Name="bGlobo" Opacity="1" Width="81">
                        <Button.Background>
                            <ImageBrush ImageSource="/Comic;component/Images/nube_izquierda.png" />
                        </Button.Background>
                    </Button>
                    <Button Canvas.Left="123" Canvas.Top="385" Content="Imprimir" Height="23" Name="bImprimir" Width="75" />
                    <ComboBox Canvas.Left="43" Canvas.Top="295" Height="23" Name="cbFiguras" Width="120" />
                    <TextBlock Canvas.Left="10" Canvas.Top="5" Foreground="#FF0D0D0D" Height="23" Name="TextBlock1" Text="Texto a insertar:" />
                    <TextBlock Canvas.Left="13" Canvas.Top="254" Foreground="#FF0D0D0D" Height="35" Name="TextBlock2" Text="Seleccione la nube que desee mover:" TextWrapping="Wrap" Width="164" />
                    <Button BorderBrush="#FF1A791A" Canvas.Left="96" Canvas.Top="95" Content="Nube Der" Height="33" Name="bNubeDer" OpacityMask="#FFCB2424" Width="81">
                        <Button.Background>
                            <ImageBrush ImageSource="/Comic;component/Images/nube_derecha.png" />
                        </Button.Background>
                    </Button>
                    <Button BorderBrush="#FF1A791A" Canvas.Left="10" Canvas.Top="134" Content="Óvalo Izq" Height="33" Name="bOvaloIzq" OpacityMask="#FFCB2424" Width="81">
                        <Button.Background>
                            <ImageBrush ImageSource="/Comic;component/Images/ovalo_izquierda1.png" />
                        </Button.Background>
                    </Button>
                    <Button BorderBrush="#FF1A791A" Canvas.Left="96" Canvas.Top="134" Content="Óvalo Der" Height="33" Name="bOvaloDer" OpacityMask="#FFCB2424" Width="81">
                        <Button.Background>
                            <ImageBrush ImageSource="/Comic;component/Images/ovalo_derecha1.png" />
                        </Button.Background>
                    </Button>
                    <Button BorderBrush="#FF1A791A" Canvas.Left="10" Canvas.Top="173" Content="Cuadro Izq" Height="33" Name="bCuadroIzq" OpacityMask="#FFCB2424" Width="81">
                        <Button.Background>
                            <ImageBrush ImageSource="/Comic;component/Images/rectangulo_izquierdo1.png" />
                        </Button.Background>
                    </Button>
                    <Button BorderBrush="#FF1A791A" Canvas.Left="96" Canvas.Top="173" Content="Cuadro Der" Height="33" Name="bCuadroDer" OpacityMask="#FFCB2424" Width="81">
                        <Button.Background>
                            <ImageBrush ImageSource="/Comic;component/Images/rectangulo_derecha1.png" />
                        </Button.Background>
                    </Button>
                    <Button BorderBrush="#FF1A791A" Canvas.Left="57" Canvas.Top="209" Content="Cuadro" Height="33" Name="bCuadro" OpacityMask="#FFCB2424" Width="81">
                        <Button.Background>
                            <ImageBrush ImageSource="/Comic;component/Images/rectangulo1.png" />
                        </Button.Background>
                    </Button>
                    <Button Canvas.Left="123" Canvas.Top="425" Content="Guardar" Height="23" Name="bGuardar" Width="75" Visibility="Visible" />
                    <TextBlock Canvas.Left="21" Canvas.Top="483" Height="23" Name="TextBlock3" Text="" TextWrapping="Wrap" Visibility="Visible" />
                <Button Canvas.Left="20" Canvas.Top="425" Content="Abrir" Height="23" Name="bAbrir" Width="75" Visibility="Visible" />
                <Button Canvas.Left="21" Canvas.Top="385" Content="Nuevo" Height="23" Name="bNuevo" Width="75" Visibility="Visible" />
            </Canvas>
           
        </StackPanel>
    </ScrollViewer> 
</UserControl>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer armheSistemas
Mexico Mexico
I'm a software developer. I like to develop web pages and desktop systems. I'm learning unity, xamarin, swift, android, security, UX

Comments and Discussions